基于单元格内容的CSS属性隐藏表格行

Question

我有一个表格，每行有一个单元格的CSS显示在none和visible之间切换（基于单独的Wordpress愿望列表插件）。当它设置为none时，我希望整行也设置为显示：无。我怎样才能做到这一点与JavaScript？

Answer 1

如果您的HTML是这样的：

<table> 
<tr><td>foo</td><td>bar</td></tr> 
<tr><td style="display:none">foo</td><td>bar</td></tr> 
<tr><td>foo</td><td>bar</td></tr> 
</table> 

而你要在第二排也有风格display:none（或者至少这是我从你的问题的理解），那么你的jQuery代码应该是这样的：

$('td').filter(function() { return $(this).css('display') == 'none' }).parent().css('display', 'none');