Jquery nextUntil和row单元格

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/