javascript - html タグまたはクラスを Javascript または Jquery を使用して特定の単語に追加し、写真の Alt やタイトルをターゲットにすることはありません

Question

しばらく前に、Web サイトの特定の繰り返し名を自動的に変更してイタリックにする方法を教えてもらいました。あなたの助けを借りて、このスクリプトを使用して、私がやりたかったことを何とかすることができました:

function change() {
    var words = new Array("Nymphaea", "Nelumbo", "Iris", "Hemerocallis", "Hibiscus");
    var html = document.body.innerHTML;
    for(var i = 0; i < words.length; i++) {
        var reg = new RegExp(words[i], 'g');
        var html = html.replace(reg, "<i>"+words[i]+"</i>");
    }
    document.body.innerHTML = html;
}
change();

残念ながら、すべての写真にタグ付きのタイトルが表示されているため、まだ問題があることに気付きました. たとえば、html が次の場合:

<a href="......../nymphaea-alba-var-rubra.jpg" title="&lt;i&gt;Nymphaea&lt;/i&gt; alba var. rubra"><img src="/wp-uploads/gallery/nursery/nymphaea-alba-var-rubra.th.jpg" alt="&lt;i&gt;Nymphaea...&lt;/i&gt; alba var. rubra" /> </a>

写真は < i > Nymphaea < /i > alba var. のようなタイトルを示しています。ルブラ。Titles と Alts がターゲットにならないように、コードを改良するのを手伝ってくれる人はいますか? 私はそれをお願い申し上げます。

前もって感謝します

エンリコ