javascript – 如何隐藏表中的所有tr除了点击一个

我想要隐藏所有< 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();
});

请建议我.

解决方法

使用兄弟姐妹如下：

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

// 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/