jquery – 在元素中找到一个文本字符串,并在其周围包装一些跨标签

前端之家收集整理的这篇文章主要介绍了jquery – 在元素中找到一个文本字符串,并在其周围包装一些跨标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在元素中找到一串文本,并在其周围包装一些跨标签。例如:

从< h2>我们在我们的农场上有奶牛< / h2>到< h2>我们有< span class ='smallcaps'> cows< / span>在我们的农场< / h2>

我试过了:

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

但是,只包含整个h2标签

解决方法

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

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

猜你在找的jQuery相关文章