how do i hide td elements with a specific word in them with jquery?

Question

if i have a table like this

<table width="500"  border="0" style="border:0px;" id="options">
<tr>
<td>Designers</td>
<td><input type="checkbox">
</tr>
</table>

how would i hide the row with designers?

i was guess it would look something like this

$(document).ready(function() {
  if( $('table #options tr td').html('Designers') {
  $(this).css('display','none');
  }
  });

but am not sure

thanks

Answer 1

This should do it, assuming when you said "row" you meant the <tr>, not the <td>:

$(document).ready(function() {
    $('td', '#options').filter(function() { // select all the TDs
        return $(this).text() == 'Designers'; // keep the ones that have
                                              // 'Designers' as their HTML
    }).each(function() { // loop through each of the ones that matched
        $(this).closest('tr').hide(); // find the parent tr and hide it
    });
});

If you just want to hide the actual <td> (which is not a row, but a cell) then you would do this:

$(document).ready(function() {
    $('td', '#options').filter(function() { // select all the TDs
        return $(this).text() == 'Designers'; // keep the ones that have
                                              // 'Designers' as their HTML
    }).hide();
});

Hiding table cells is in questionable taste, though...

Answer 2

$("td:contains('Designers')").hide();

Answer 3

Hi. Here goes. straight from http://docs.jquery.com/Selectors/contains#text

$("td:contains('Designer')").css("display", "none");

Answer 4

what if i want to to remove the word dsigner and replace it by another or just remove it? thanks