jquery - jQueryを使用して、すべての「•」要素をspanタグでラップします

Question

span タグを使用して、すべての箇条書きを div で囲む必要があります。• HTML コードは•.

これを行う次のコードを見つけましたが、div 内のすべてのリンクとその他の HTML コードも削除しています。

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

リンクを失わずにすべての箇条書きをラップするにはどうすればよいですか? 上記のコードのフィドルは次のとおりです。

http://jsfiddle.net/76Wvu/6/

ありがとうございました！

Answer 1

に置き換える必要がありtext()ますhtml()

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

<a>それ以外の場合は、タグを含まない要素のテキスト コンテンツのみを読み取ります。したがって、スタイルとリンクは削除されます。