为单词jquery添加一个标记

Question

<style>span{color:red;}</style>
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
<div id="msg">Sample text</div>

---

<script>
$( "div:contains('John')" ).append('<span></span>').show();
</script>

如何在单词中添加span标记？有可能吗？我正在尝试在内容中搜索一个单词，如果它可用，那么应该突出显示该单词。

Answer 1

使用对html()的回调并使用replace()。

$( "div:contains('John')" ).html(function(i,html){
    return html.replace(/(John)/g,'<span>$1</span>')
});

演示

var word = 'John';
$( "div:contains('"+word+"')" ).html(function(i,html){
    var re = new RegExp(word,"g");
    return html.replace(re,'<span>'+word+'</span>')
});

Answer 2

试试这个：-

$('div').each(function(){
   $(this).html($(this).html().replace(/(John)/g,'<span>$1</span>'));
});