我如何使用jquery隐藏td元素中的特定单词？

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();