jQueryをライブのhtmlパーサ/ノード置換ユーティリティとして使用できますか？

Question

それぞれの投稿に最適化された別のキーワードがあります。私はポスト・コンテンツを取り上げ、強力なタグでキーワードの最初のインスタンスをラップするルーチンが必要です。要素の属性コレクション（title、src、altなど）の（1）部分の場合、キーワードを飾りたいとは思わない。そして、もしそれがh1-6見出しのタグであれば、私はそれを飾るつもりはありません。

私はdom traversalとHtmlの解析/置換のためのツールがたくさんあることを知っています。 jQueryでこれを行うことはできますか？

誰かがhtmlパーサーとしてjQueryを使用している例はありますか？

Answer 1

これはあなたの探しているものかもしれません。 HTMLを直接解析するべきではありません。 DOMをトラバースしてテキストノードを探す方が良いでしょう。

var word = "foo"; 

var nodes = $("postSelector").find("*"); // get all elements 

for (var i = 0; i < nodes.length; i++) { 
    // get the node 
    var node = nodes.eq(i); 
    // if the tagName is a h1-h6 then continue 
    if (/h\d/.test(node[0].tagName)) continue; 
    if (node.text().indexOf(word) > -1) { 
     // handle the textual replacement. 
     var text = node.text(); 
     text.replace(word, "<strong>" + word + "</strong>"); 
     node.html(text); 
    } 
} 

あなたがが解決する全く別の問題だ

<p> fo <span> o </span> </p>

のようなあなたの言葉でHTMLを入れ子にしている場合、これは問題が発生します。