javascript - Jquery nextUntil 和行单元格

标签 javascript jquery html

有一个具有以下结构的 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(); 
});

最佳答案

nextUntill 已选择您的 tr。不需要.find任何东西:

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

http://jsfiddle.net/nMBrw/

关于javascript - Jquery nextUntil 和行单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7437232/

相关文章:

javascript - Typeahead.js/Bloodhound 只显示一个结果

javascript - jQuery 验证普通按钮上的表单(不提交)

jquery - 防止 jQuery spritely 平移 <div> 以增加页面长度

javascript - Bootstrap Carousel 不工作并干扰其他 jquery。这是为什么?

javascript - 在javascript对象方法中使用eventListener定位节点

javascript - 隐藏/显示具有相同 id 的多个 li 内容

javascript - JSON、HTML : What is the time format as such called 2001-07-26T20:52:54Z?

javascript - 为什么 javascript 行必须在函数中才能工作?

javascript - 我可以操纵网页以避免打开新选项卡并在同一选项卡中显示内容吗?

javascript - 如何更改 :before (pseudo-element) element (with jQuery) 的属性