如何在元素中包裹部分文本？

Question

比方说我有句话：

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

在<p>标签内。我想以某种方式使用javascript创建一个围绕单词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/