如何从表中隐藏所有tr,但单击除外

Talk2Nit

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

请给我建议。

杜沙尔

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

隐藏所有其他具有相同类的行,但单击的除外

来自分类Dev

如何隐藏所有具有特定src图像的单元格的tr

来自分类Dev

隐藏所有ListObject行,但选定的行除外

来自分类Dev

单击一个子元素时如何隐藏所有其他元素

来自分类Dev

仅显示单击链接中的内容,并隐藏所有同级

来自分类Dev

单击时隐藏所有打开的同级元素

来自分类Dev

隐藏所有没有“ div”的表行

来自分类Dev

如何在您创建的私有 void 方法中隐藏所有项目?

来自分类Dev

如何在MacVim中隐藏所有源代码工具提示?

来自分类Dev

如何在12.04及更高版本中隐藏所有桌面图标?

来自分类Dev

如何在Raspberry Pi中隐藏所有启动文本

来自分类Dev

如何在桌面上隐藏所有项目

来自分类Dev

如何隐藏所有窗口并快速显示桌面?

来自分类Dev

如何隐藏所有WP管理菜单表单

来自分类Dev

如何隐藏所有未突出显示的行?

来自分类Dev

如何使用foreach隐藏所有按钮?

来自分类Dev

在d3中设置一个单击事件以隐藏所有其他元素

来自分类Dev

即使单击具有stopPropagation的元素,也可以隐藏所有单击事件的元素

来自分类Dev

溢出隐藏隐藏所有内容

来自分类Dev

jQuery的-隐藏所有tr除第一个

来自分类Dev

使用If函数VBA隐藏和取消隐藏所有工作表上的列

来自分类Dev

单击相应的菜单项时如何显示/隐藏内容的一部分,同时隐藏所有其他内容?

来自分类Dev

jQuery:切换被单击的元素并隐藏所有其他

来自分类Dev

显示1格,并使用Javascript单击隐藏所有其他格

来自分类Dev

显示一个div,单击隐藏所有其他

来自分类Dev

单击外部链接即可显示和隐藏所有图层弹出窗口-openlayrs3

来自分类Dev

隐藏所有可能查询的条件

来自分类Dev

Java-隐藏所有JButton

来自分类Dev

jQuery隐藏所有子代的父代

Related 相关文章

  1. 1

    隐藏所有其他具有相同类的行,但单击的除外

  2. 2

    如何隐藏所有具有特定src图像的单元格的tr

  3. 3

    隐藏所有ListObject行,但选定的行除外

  4. 4

    单击一个子元素时如何隐藏所有其他元素

  5. 5

    仅显示单击链接中的内容,并隐藏所有同级

  6. 6

    单击时隐藏所有打开的同级元素

  7. 7

    隐藏所有没有“ div”的表行

  8. 8

    如何在您创建的私有 void 方法中隐藏所有项目?

  9. 9

    如何在MacVim中隐藏所有源代码工具提示?

  10. 10

    如何在12.04及更高版本中隐藏所有桌面图标?

  11. 11

    如何在Raspberry Pi中隐藏所有启动文本

  12. 12

    如何在桌面上隐藏所有项目

  13. 13

    如何隐藏所有窗口并快速显示桌面?

  14. 14

    如何隐藏所有WP管理菜单表单

  15. 15

    如何隐藏所有未突出显示的行?

  16. 16

    如何使用foreach隐藏所有按钮?

  17. 17

    在d3中设置一个单击事件以隐藏所有其他元素

  18. 18

    即使单击具有stopPropagation的元素,也可以隐藏所有单击事件的元素

  19. 19

    溢出隐藏隐藏所有内容

  20. 20

    jQuery的-隐藏所有tr除第一个

  21. 21

    使用If函数VBA隐藏和取消隐藏所有工作表上的列

  22. 22

    单击相应的菜单项时如何显示/隐藏内容的一部分,同时隐藏所有其他内容?

  23. 23

    jQuery:切换被单击的元素并隐藏所有其他

  24. 24

    显示1格,并使用Javascript单击隐藏所有其他格

  25. 25

    显示一个div,单击隐藏所有其他

  26. 26

    单击外部链接即可显示和隐藏所有图层弹出窗口-openlayrs3

  27. 27

    隐藏所有可能查询的条件

  28. 28

    Java-隐藏所有JButton

  29. 29

    jQuery隐藏所有子代的父代

热门标签

归档