Question

我有一个包含几个文本项的简单表：

<table>
<tr><td><h3>Foo</h3></td><td>This is Foo</td></tr>
<tr><td><h3>Bar</h3></td><td>This is Bar</td></tr>
</table>

如何隐藏h3 text = Foo的行？

Answer 1

遍历每一行，检查.text()的{{1}}是否返回<h3>。如果为true，请使用"Foo"隐藏行。如果要从树中删除节点，请改用.hide()。

.remove()

Answer 2

如果我理解正确here是您正在寻找的链接..

   $('table tr td').find('h3').filter(
   function()
             { 
                return $(this).html().indexOf('Foo') > -1
             }).parents('tr').hide();

Answer 3

$("tr").find("h3:contains('Foo')").closest("tr").hide();

然而，这不会得到完全匹配。

Answer 4

Rob W的答案的替代版本，交易最近（）的find（）：

$('table tr h3').each(function(){
    var $this = $(this);
    if ($this.text() === 'Foo') {
        $this.closest("tr").hide();
    }
})

如何使用jQuery隐藏表中的某些文本

4 个答案: