JQuery chọn tất cả các hàng chứa văn bản nhất định trong một td trong hàng

Question

Tôi có một bảng mà tôi đang cố gắng chọn tất cả các hàng có td chứa văn bản 'Kiểm tra' và ẩn td với lớp 'ms-vb -icon' trên tất cả các hàng phù hợp

tôi intitally có mã dưới đây nhưng điều này chỉ ẩn lớp trên hàng phù hợp cuối cùng

$("td:contains('test'):last").parent().children(".ms-vb-icon").css("visibility","hidden"); 

Vì vậy, tôi đã cố gắng này, nhưng nó không làm việc ...

$("tr:has(td:contains('test')").each(function(){ 
    (this).children(".ms-vb-icon").css("visibility","hidden"); 
    }); 

Giản nhìn html như thế này:

<table> 
<tbody> 
<tr> 
<td class=ms-vb-icon></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td>test</td> 
</tr> 
</tbody> 
<table> 

Answer 1

Hãy thử:

$("tr td:contains('test')").each(function(){ 
    $(this).siblings('td.ms-vb-icon').css("visibility","hidden"); 
}); 

Bản trình diễn here.

Answer 2

Hãy thử với

$("tr:has(td:contains('test')").each(function(){ 
    $(this).parent().children(".ms-vb-icon").css("visibility","hidden"); 
}); 

Lớp .ms-vb-icon là một đứa trẻ của tr trong khi $(this) chức năng tham khảo các td

Answer 3

Tôi đoán bạn đang thiếu ')' Nó làm việc cho tôi:

$("tr:has(td:contains('1'))").each(function() {