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

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/