как скрыть элементы td с определенным словом в них с помощью jquery?

Question

если у меня есть такая таблица

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

как мне спрятать строку с дизайнерами?

я был уверен, что это будет выглядеть примерно так

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

но я не уверен

спасибо

Answer 1

Это должно быть сделано, при условии, что, когда вы сказали «строка», вы имели в виду <tr>, а не <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
    });
});

Если вы просто хотите скрыть фактическое <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
    }).hide();
});

Сокрытие ячеек стола сомнительно, хотя ...

Answer 2

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