根据单元格内容的CSS属性隐藏表格行

Question

我有一个表，每行一个单元格的内容，CSS显示在none和visible之间切换（基于单独的Wordpress wishlist插件）。当它设置为none时，我希望整行也设置为display：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');