当孩子被点击时触发父点击事件

Alireza Farahani 发表于 Dev

阿里雷扎·法拉哈尼（Alireza Farahani）

我是javaScript和jQuery的新手。当您单击父元素的子元素时，如何调用它的click事件？我的代码中有以下结构：

<ul id="pc5">
   <li><a href="#">book</a>
   </li>
</ul>

我想要这样的东西：

$("a").click(ul.click);

任何帮助，将不胜感激。

编辑：在我的ul点击功能中，我需要ul id属性。像这样的东西：

 ul.click(function(e){alert(e.target.id);

因此，当单击链接时，event.target不是ul元素。

亚历克斯

单击子元素时不需要触发元素点击事件，bubbles如果不停止传播，则dom树中的click事件。

在这里，您可以看到它正在工作：jsfiddle只需单击蓝色范围，单击事件就会冒泡到ul :)

更新的问题

如果您想要ul的ID，只需：

$('ul li a').click(function() {
  var id = $(this).closest('ul').attr('id');
});

这样会更容易：

$('ul').click(function() {
   var id = $(this).attr('id');
   alert(id);
});

工作提琴

如果您单击它会起泡，这应该可以工作

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

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

编辑于2021-02-5

我来说两句

0条评论

登录后参与评论

来自分类Dev

让孩子与父母的点击事件

来自分类Dev

单击<tr>时触发点击孩子

来自分类Dev

当孩子在jQuery中拖动时，如何触发父拖动事件？

来自分类Dev

点击事件未触发

来自分类Dev

相同点击事件触发父母和孩子

来自分类Dev

点击事件并非总是触发

来自分类Dev

点击标签不会触发点击事件

来自分类Dev

点击子元素会触发父点击事件

来自分类Dev

jQuery点击事件不会触发

来自分类Dev

触发事件点击页面加载

来自分类Dev

点击时未触发onClick事件-React

来自分类Dev

Vue点击事件未触发

来自分类Dev

子点击事件触发父鼠标悬停事件

来自分类Dev

点击事件未触发

来自分类Dev

嵌套李-在点击子项时，触发父项点击事件

来自分类Dev

点击前点击事件触发器

来自分类Dev

jqplot点击事件未触发

来自分类Dev

地图点击事件未触发

来自分类Dev

循环触发点击事件

来自分类Dev

用户停止点击时触发事件

来自分类Dev

如何监听点击事件以及单击时查找父div？

来自分类Dev

点击事件并非总是触发

来自分类Dev

触发嵌套的点击事件

来自分类Dev

点击事件未触发

来自分类Dev

防止点击事件触发父操作

来自分类Dev

为什么点击事件在返回时被触发？

来自分类Dev

当子节点在JavaScript中触发点击事件时，如何删除父节点？

来自分类Dev

每次点击触发事件

来自分类Dev

点击事件未触发

Related 相关文章

文章