jquery - 兄弟が非表示になっているテーブル行を選択する

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>

そのテーブルで見出しを保持しているが、すべての兄弟が非表示になっている行を選択する方法を探しています。この例では、1つの行のみが非表示になっているため、heading2は選択されません。

Answer 1

私はこれがすべきだと思います：

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

http://jsfiddle.net/4fpgs/

Answer 2

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

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

Answer 3

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