Uso jQuery .Filter() para seleccionar texto específico dentro div

Question

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"); 

Estoy intentando aislar las palabras "mi nombre es" en la etiqueta <p class="greeting"> . ¿Alguien puede ayudarme con jQuery ya que no parece funcionar? Gracias.

Answer 1

Aquí van:

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); 
}); 

Demostración en directo:http://jsfiddle.net/SGCDS/5/

Answer 2

Su función devuelve siempre falsa. Solo si hay exactamente "mi nombre es" en su div, volverá verdadero.

Pruebe algo como esto:

return $(this).text().indexOf("my name is") != -1;