Question

在一个页面上，我有多个链接都附有跟踪代码。每个链接上的跟踪代码都不同。当我点击链接时，我想选择附加到该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>

Answer 1

您可以使用this关键字来引用click事件处理函数中的被点击元素。试试这个：

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

请注意，使用data()访问data-*属性优先于attr()。

Answer 2

$(document).on('click','.bannerLink',function() {
    $(this).attr('trackingcode')
});

从Clicked href中选择一个属性

2 个答案: