JQuery选择包含行中td内特定文本的所有行

标签 jquery jquery-selectors

我有一个表,我试图选择其中包含文本“Test”的 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选择包含行中td内特定文本的所有行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4341620/

相关文章:

javascript - Jquery 成功函数未使用 JSONP 触发

按钮单击时的 JqueryUI 工具提示而不是悬停显示在其他地方

javascript - 当子数组具有特定值时删除数组元素

javascript - 当不相关的 div 为空时更改文本

jquery - 仅启用选择框中的第一个选项

jQuery 使用 .contains() 查找元素并在 .relatives() 中选择偶数行

jquery - 单击按钮/图像打开弹出窗口

jquery - 无效选择的 JQM (jQueryMobile) 自定义 css

javascript - 我无法单击具有 `<a>` 标记且没有 href 属性的链接

javascript - Jquery:选择器找不到类?