jquery - 如何使用 jQuery 用跨度包装部分文本？

Question

这是我想要做的

Fox<span>Rox</span>

在那之前

FoxRox

我如何环绕跨度Rox？

Answer 1

这将搜索您整个 DOM 并将每个替换Rox为<span>Rox</span>：

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

现场演示

Answer 2

在这种情况下，您可以使用 JavaScriptreplace()方法：

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

要通过文档全部替换，您可以尝试以下操作：

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

请注意，如果您的术语不是“Rox”，则需要在上述脚本中进行更改。