使用 jQuery .filter() 选择 div 中的特定文本

HTML:

<p class="greeting">
  hello, my name is kevin. what's yours?
</p>

jQuery:

$("p.greeting").filter(function (){
  return $this.text() === "my name is";
}).css("background", "green");

我试图在其中分离出“我的名字是”这个词<p class="greeting">标签。任何人都可以帮助我使用 jQuery，因为它似乎不起作用。谢谢。

干得好：

CSS:

.highlight { background-color: yellow; }

JavaScript：

var text = 'My namE iS';

$( 'p.greeting' ).html( function ( i, html ) {
    var regexp, replacement;

    regexp = RegExp( '(' + text + ')', 'gi' );
    replacement = '<span class="highlight">$1</span>';

    return html.replace( regexp, replacement );
});

现场演示： http://jsfiddle.net/SGCDS/5/