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

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>

How to hide a row where h3 text = Foo ？

Answer 1

循环遍历每一行，并检查

的 .text() 是否返回 "Foo"。如果为 true，则使用 .hide() 隐藏该行。如果要从树中删除节点，请改用 .remove() 。

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

Answer 2

如果我理解正确这里是您正在寻找的内容的链接..

   $('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() 换成 closeest()：

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