除了点击一个之外,如何隐藏表中的所有tr

Question

我想要隐藏<tr>除了点击之外的所有表格.

<table>
    <tr>
        <td>ABC</td>
        <td>DEF</td>
        <td><i class="delete">delete </i></td>
    </tr>
    <tr>
        <td>ABC</td>
        <td>DEF</td>
        <td><i class="delete">delete </i></td>
    </tr>
</table>

单击删除按钮会隐藏除当前之外的所有行.

Jquery代码: -

$(document).ready(function () {
    $('table tbody tr').siblings().not($(this)).hide();
});

请建议我.

Answer 1

使用siblings方法如下:

请参阅代码中的内联注释:

// Bind click event on `tr` inside `table`
$('table').on('click', 'tr', function () {
    // Show current `tr` and hide others
    $(this).siblings().hide();
});

演示:http://jsfiddle.net/tusharj/LL0c2efg/