jquery - JQuery中如何只获取被点击的元素

标签 jquery

如何在JQuery中只获取被点击的元素

假设如下

<html>
  <body>
    <div>
      <h1>headding</h1>
    </div>
    <a>link</a>
  </body>
</html>

$("*").click(function(e){
   e.preventDefault();
   alert($(this)[0].tagName);
});

我需要点击h1警报显示h1 当点击a时警报显示a等等

问题是当我单击任何元素时,代码 make 循环以显示被单击元素的所有父元素的名称。但我只需要第一个单击的元素。任何帮助

最佳答案

使用stopPropagation()所以事件不会冒泡

$("*").click(function(e){
   e.preventDefault();
   e.stopPropagation();
   alert($(this)[0].tagName);
});

FIDDLE

关于jquery - JQuery中如何只获取被点击的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16422060/

相关文章:

javascript - jQuery .toogleClass 函数用于切换元素类并在事件期间执行某些操作

javascript - 值更改时 Angular ng-bind 未更新

javascript - 在 Angular 4 中动态加载 Javascript 脚本

使用 ajax 的 jQuery UI 自动完成,其源是使用 foreach 从文本文件生成的

javascript - selectedIndex - Google Chrome 上的 javascript

javascript - $(document.body).on ('change' , '.someclass' , function () {});不起作用

javascript - 使用属性类元素作为数组

jquery - 尝试在ajax之后切换Class

javascript - Flexslider 轮播自定义导航 - 同一页面上有多个

jquery - 尝试使用点击事件删除模态背景