選擇一個錶行是誰的兄弟姐妹都隱藏

Question

我有以下結構的HTML表格：

<table> 
<tbody> 
    <tr><th>heading1</th></tr> 
    <tr style="display: none"> <td>data1</td></tr> 
    <tr style="display: none"> <td>data1</td></tr> 
</tbody> 

<tbody> 
    <tr><th>heading2</th></tr> 
    <tr> <td>data1</td></tr> 
    <tr style="display: none"> <td>data1</td></tr> 
</tbody> 
</table> 

我正在尋找一種方式，保持航向該表中選擇一排，但其所有的兄弟姐妹隱藏，在這個例子中，heading2不會被選中，因爲只有一行是隱藏的。

Answer 1

var tr = $('tr:first-child').filter(function() { 
    return $(this).siblings(':hidden').length == $(this).siblings().length; 
}); 

例子：http://jsfiddle.net/u6Qj5/1/

Answer 2

$('table th').filter(function() { 
    var $tr = $(this).parent().siblings('tr'); 
    return $tr.filter(':hidden').length == $tr.length; 
}).parent(); 

Answer 3

我認爲這應該這樣做：

$("th").filter(function(){ 
    return !$(this).parent().nextAll().is(":visible"); 
}); 

http://jsfiddle.net/4fpgs/