jquery - jQueryを使用してテキストの一部をスパンでラップするにはどうすればよいですか？

Question

これが私がやろうとしていることです

Fox<span>Rox</span>

それ以前は

FoxRox

スパンをラップするにはどうすればよいRoxですか？

score 7 · Accepted Answer

これにより、DOM全体が検索され、それぞれが次のように置き換えRoxられ<span>Rox</span>ます。

$(':contains("Rox")').html(function(index, oldHTML) {
    return oldHTML.replace(/(Rox)/g, '<span>$&</span>');
});

score 5 · Accepted Answer

この場合、JavaScriptreplace()メソッドを使用できます。

'FoxRox'.replace(/(Rox)/, '<span>$1</span>');

ドキュメント全体でこれを置き換えるには、次のことを試してください。

$(":contains('Rox')").html(function(i,o){
  return o.replace(/(Rox)/g, '<span>$1</span>');
});

用語が「Rox」でない場合は、上記のスクリプトで変更する必要があることに注意してください。

2 に答える 2