只抓取选定的元素，而不是父元素[重复]答案

【问题标题】：Grab only the element selected, not parent elements [duplicate]只抓取选定的元素，而不是父元素[重复]
【发布时间】：2018-10-22 15:28:25
【问题描述】：

我正在开发一个 Web 应用程序，该应用程序可以获取您单击的元素的类。问题是下面的代码也获取了该元素的父类。我只需要所选元素的类。

$("*").click(function () {
    	var myClass = $(this).attr("class");
        alert(myClass);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="business">
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
  <div class="businesses"><h2 class="name">Name</h2><p>2484596322</p></div>
</div>

【问题讨论】：

在事件上调用 stopPropagation() 以防止它在 DOM 中冒泡并被多次捕获：jsfiddle.net/oLx9pyzt/3

标签： javascript jquery

【解决方案1】：

Working fiddle.

您需要使用e.stopPropagation() 来阻止事件冒泡：

$("*").click(function(e) {
  e.stopPropagation();

  var myClass = $(this).attr("class");
  alert(myClass);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="business">
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
  <div class="businesses">
    <h2 class="name">Name</h2>
    <p>2484596322</p>
  </div>
</div>

【讨论】：

我决定走一条不同的路线，但这样做确实有效。感谢您抽出宝贵时间发布此内容。
很高兴能帮上忙，祝你好运，编码愉快。