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

试试这个： -

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

Answer 2

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

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

<强> Demo

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

在word jquery中添加标签

2 个答案: