Jquery 从单击的href中选择属性

在一个页面上，我有多个链接，都附有跟踪代码。每个链接上的跟踪代码都不同。当我点击一个链接时，我想选择附加到该href的跟踪代码。如果我用

$('.bannerLink').attr('data-trackingcode')

它只会选择第一个链接，而不是我单击的链接。我如何选择我刚刚点击的那个

<div class="container">
<div>
<a href="someLink" class="bannerLink" data-trackingcode="trackingCodeA">
<img src="//someImage.jpg" alt="Cereals">
</a></div></div>

<div class="container">
<div>
<a href="someLink" class="bannerLink" data-trackingcode="trackingCodeB">
<img src="//someImage.jpg" alt="Cereals">
</a></div></div>

<div class="container">
<div>
<a href="someLink" class="bannerLink" data-trackingcode="trackingCodeC">
<img src="//someImage.jpg" alt="Cereals">
</a></div></div>

---

您可以使用

this

关键字在click事件处理程序函数中引用clicked元素。试试这个：

$('.bannerLink').click(function() {
    var trackingCode = $(this).data('trackingcode');
});

---

注意：使用

data（）

访问

data-*

属性优于

attr（）

属性

'data-trackingcode'

的元素。您应该使用像

这样的数据属性，并使用

$（'.bannerLink'）.data（'trackingcode'）

或

$（this）.data（'trackingcode'）

检索它。您还忘了发布jQuery。其次，使用

data（）

访问下面Rory提到的

data-*

属性。如果您发布了您的原始尝试，以便人们指出特定于您代码的修复，也会很有帮助。没问题。如果答案有用的话，别忘了投赞成票/接受它。

$('.bannerLink').click(function() {
    var trackingCode = $(this).data('trackingcode');
});