JQuery在行中的td中选择包含某些文本的所有行

前端之家收集整理的这篇文章主要介绍了JQuery在行中的td中选择包含某些文本的所有行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,我试图选择所有的行,其中包含文本“测试”的td,然后在所有匹配的行上隐藏类“ms-vb-icon”的td

我明确地将代码放在下面,但这只会隐藏最后匹配的行上的类

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

所以我试过这个,但它不工作

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

简化的html看起来像这样:

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

解决方法

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

演示here

猜你在找的jQuery相关文章