Sử dụng jQuery .filter() để chọn văn bản cụ thể trong 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"); 

Tôi đang cố gắng để cô lập dòng chữ "my name is" trong thẻ <p class="greeting"> . Bất cứ ai có thể giúp tôi với jQuery vì nó dường như không hoạt động. Cảm ơn.

Answer 1

Ở đây bạn đi:

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

Live Demo:http://jsfiddle.net/SGCDS/5/

Answer 2

Bạn trả về hàm luôn luôn sai. Chỉ khi có chính xác "tên tôi là" trong div của bạn, nó sẽ trả về true.

Hãy thử một cái gì đó như thế này:

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