javascript - 在嵌套的叶节点上仅使用jQuery .click（）事件

我希望能够检测层次结构中叶节点上的点击事件。

HTML：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <span about="1">1
      <span about="2">2
        <span about="3">3</span>
        <span about="4">4</span>
      </span>
    </span>
  </body>
</html>

我使用以下javascript：

$( "span" ).click(function(e) {
    var about = $(this).attr("about");
    console.log("clicked on "+about);
});

问题是如果我点击＆＃39; 4＆＃39;，我会得到以下控制台输出：

[Log] clicked on 4 
[Log] clicked on 2 
[Log] clicked on 1

因此，事件在<span about="4">上调用，但也在其父母上调用。但我只希望在<span about="4">上调用该事件，以便我可以更改此span元素的背景颜色。

如何防止在其父母身上调用该事件？

在嵌套的叶节点上仅使用jQuery .click（）事件

0 个答案: