基於單元格內容的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');