Question

I have a simple table with a few text items:

<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

Loop through each row, and check whether the .text() of the <h3> returns "Foo". If true, use .hide() to hide the row. If you want to remove the node from the tree, use .remove() instead.

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