$(*)。click事件单击它及其所有父对象。

萨满(Saman Sadeghpour)

这是我的代码:

<p>
    <div>
        <div><span>Hello</span></div>
        <span>Hello Again</span>
    </div>
    <div>
        <span>And Hello Again</span>
    </div>
</p>
<b>Click Hellos to toggle their parents.</b>
<script>
    function showParents() {
        $("div").css("border-color", "white");
        var len = $("span.selected")
        .parents("div")
        .css("border", "2px red solid")
        .length;
        $("b").text("Unique div parents: " + len);
    }
    $("*").click(function () {
        $("b").text($(this).parents().length);
    });
</script>

问题是当我单击一个范围时,它显示为0而不是3!

我认为问题是 *

现在的问题是,当我不知道元素的类型时如何获得父计数?

阿伦·P·约翰尼

问题是事件传播(冒泡)。click事件从clicked元素传播到文档的根部,从而触发与那些祖先元素相关联的每个click处理程序,因此,当html触发元素的click处理程序时,不再有父项,因此结果为0。

演示:小提琴-看看控制台

相反,您可以将单击处理程序仅绑定到文档对象,然后使用事件的target属性查找触发单击的元素并找到其父级

$(document).click(function (e) {
    $("b").text($(e.target).parents().length);
});

演示:小提琴

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从jquery选择器中排除单击的项目及其所有父项?

来自分类Dev

如何删除领域的父对象及其所有子对象?

来自分类Dev

使用jstree打开一个节点及其所有父节点

来自分类Dev

xpath通过包含值的父属性排除元素及其所有子元素

来自分类Dev

Python:在当前目录及其所有父目录中搜索文件

来自分类Dev

使div及其所有子级忽略父类样式

来自分类Dev

设置文件夹及其所有父目录的读写权限

来自分类Dev

以编程方式启用菜单项(及其所有父项)-Delphi

来自分类Dev

退出程序及其所有流程

来自分类Dev

使用LINQ对列表及其所有嵌套对象进行排序

来自分类Dev

如何在Django中导出实例及其所有相关对象?

来自分类Dev

如何将对象及其所有属性转换为数组?

来自分类Dev

获取所有用户及其所有图像

来自分类Dev

使用递归获得父级值和子级值及其所有子级的子级值

来自分类Dev

WPF捕获单击一个网格及其所有子级标签,文本框等。

来自分类Dev

OrientDb-获取节点及其所有关系

来自分类Dev

删除Mongo文档及其所有参考?

来自分类Dev

数组及其所有引用的拼接项(子数组)

来自分类Dev

清除div及其所有CSS样式的内容

来自分类Dev

如何捕获窗口及其所有窗口的屏幕截图?

来自分类Dev

使用jQuery附加整个div及其所有元素

来自分类Dev

复制面板及其所有控件

来自分类Dev

如何选择帖子及其所有相关帖子?

来自分类Dev

如何捕获窗口及其所有窗口的屏幕截图?

来自分类Dev

如何下载APT及其所有依赖项?

来自分类Dev

如何删除目录及其所有内容?

来自分类Dev

复制面板及其所有控件

来自分类Dev

终端命令及其所有参数的完整列表

来自分类Dev

OrientDb-获取节点及其所有关系

Related 相关文章

  1. 1

    如何从jquery选择器中排除单击的项目及其所有父项?

  2. 2

    如何删除领域的父对象及其所有子对象?

  3. 3

    使用jstree打开一个节点及其所有父节点

  4. 4

    xpath通过包含值的父属性排除元素及其所有子元素

  5. 5

    Python:在当前目录及其所有父目录中搜索文件

  6. 6

    使div及其所有子级忽略父类样式

  7. 7

    设置文件夹及其所有父目录的读写权限

  8. 8

    以编程方式启用菜单项(及其所有父项)-Delphi

  9. 9

    退出程序及其所有流程

  10. 10

    使用LINQ对列表及其所有嵌套对象进行排序

  11. 11

    如何在Django中导出实例及其所有相关对象?

  12. 12

    如何将对象及其所有属性转换为数组?

  13. 13

    获取所有用户及其所有图像

  14. 14

    使用递归获得父级值和子级值及其所有子级的子级值

  15. 15

    WPF捕获单击一个网格及其所有子级标签,文本框等。

  16. 16

    OrientDb-获取节点及其所有关系

  17. 17

    删除Mongo文档及其所有参考?

  18. 18

    数组及其所有引用的拼接项(子数组)

  19. 19

    清除div及其所有CSS样式的内容

  20. 20

    如何捕获窗口及其所有窗口的屏幕截图?

  21. 21

    使用jQuery附加整个div及其所有元素

  22. 22

    复制面板及其所有控件

  23. 23

    如何选择帖子及其所有相关帖子?

  24. 24

    如何捕获窗口及其所有窗口的屏幕截图?

  25. 25

    如何下载APT及其所有依赖项?

  26. 26

    如何删除目录及其所有内容?

  27. 27

    复制面板及其所有控件

  28. 28

    终端命令及其所有参数的完整列表

  29. 29

    OrientDb-获取节点及其所有关系

热门标签

归档