使用jQuery将所有“•”元素与span标记包装在一起

我需要把所有的子弹都包在一个有span标签的div里。•HTML代码为&8226

我发现下面的代码可以做到这一点，只是它还剥离了div中的所有链接和其他HTML代码

var $bc = $('#site-nav');
$bc.html($bc.text().split('•').join('<span>•</span>'));

如何在不丢失链接的情况下包装所有项目符号？下面是上述代码的一部分：

谢谢大家!

您可以用html替换文本

---

否则，您只读取元素的文本内容，该元素不包含任何标记。因此，样式和链接将被删除。

为了避免替换html并可能干扰事件和数据，我将使用wrap：

---

对当然，这只是一个简单的错误。非常感谢。我会尽快把它标记为正确答案。

var $bc = $('#site-nav');   
$bc.html($bc.html().split('•').join('<span>•</span>'));

$('#site-nav').contents().filter(function() { 
    return this.nodeType == 3 && $.trim($(this).text()) == '•';
}).wrap('<span/>');