jquery - 右矢印のすべての HTML エンティティを検索するために jQuery 正規表現を実行する方法 → サイトでクラスを追加するには?

Question

jQuery で正規表現を実行して、すべての HTML 右矢印エンティティ → を検索し、「矢印スタイル」のクラスを追加したいと考えています。「矢印スタイル」の CSS クラスには、使用されている他のフォントとは異なる特定のフォントがあるため、スタイルを設定できるように矢印エンティティだけを選択したいのです。

これらは、私が HTML エンティティで意味するものです: http://www.w3schools.com/tags/ref_symbols.asp (矢印を検索してください)

たとえば、サイト全体で次のクエリを実行し、クラスを追加したいと考えています。ただし、<a>これらの矢印エンティティはさまざまな HTML マークアップに含まれているため (<a>タグだけではありません) 、単純にすべてを選択することはできません。

<a href="#">Learn More &rarr;</a>

出力は次のようになります。

<a href="#">Learn More <span class="arrow-style">&rarr;</span></a>

Answer 1

次のコードが機能するはずです。

​$("body *")​​​.html(function(i, val) {
    return val.replace(/(→)/g, "<span class='arrow-style'>$1</span>");
});​

デモ: http://jsfiddle.net/yga64/