jquery - 在元素中查找文本字符串并在其周围包裹一些 span 标签

Question

我想在元素中找到一串文本，并在其周围包裹一些 span 标签。例如

来自:

<h2>We have cows on our farm</h2>

致:

<h2>We have <span class='smallcaps'>cows</span> on our farm</h2>

我已经尝试过:

$("h2:contains('cow')").each(function() {
 $(this).text().wrap("<span class='smallcaps'></span>");
});

但这仅包含整个包含 h2 标记的内容。

Answer 1

$("h2:contains('cow')").html(function(_, html) {
   return html.replace(/(cow)/g, '<span class="smallcaps">$1</span>');
});

http://jsfiddle.net/w5ze6/1/