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/