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

Question

这是我想要做的

Fox<span>Rox</span>

在那之前

FoxRox

我如何包裹四处Rox？

Answer 1

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

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

现场演示

Answer 2

在这种情况下,您可以使用JavaScript replace()方法:

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

要在文档中全部替换它,您可以尝试以下操作:

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

请注意,如果您的术语不是"Rox",则需要在上面的脚本中进行更改.