jQuery的nextUntil和行细胞

Question

有一个HTML表格结构如下：

<table> 
    <tr class="header"> 
     <td><img id="test_click" src=""></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr class="header"> 
     <td></td> 
     <td></td> 
     </tr> 
    <tr> 
     <td></td> 
     <td></td> 
    </tr> 

我怎么能隐藏使用jQuery两者之间的所有表行？

我怀疑:(

$("#test_click").click(function(){ 
    $(this).parent().parent().nextUntil('tr.header').find('tr').hide(); 
}); 

Answer 1

nextUntill已经选择您tr没有必要.find什么此代码不能正常工作。

$("#test_click").click(function() { 
    $(this).parent().parent().nextUntil('tr.header').hide(); 
}); 

http://jsfiddle.net/nMBrw/