javascript - 如何环绕元素内的部分文本？

Question

假设我有一句话：

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<p>标签内。我想以某种方式使用 javascript 在 word 周围创建一个元素amet，例如：

Lorem ipsum dolor sit <span>amet</span>, consectetur adipiscing elit.

有什么方法可以做到这一点吗？在实际的应用程序中，我不知道我想在什么文本周围有一个元素，所以我不能只修改 HTML。

Answer 1

一种选择是使用replace方法。

$('p').html(function(index, oldHtml){
   return oldHtml.replace(/(amet)/g, '<span>$1</span>');
});

http://jsfiddle.net/YxMvq/