從點擊選擇屬性href

在頁面上我有多個鏈接，並附有跟蹤代碼。跟蹤代碼在每個鏈接上都不相同。當我點擊鏈接時，我想選擇附加到該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>

來源

2016-04-26 Ricky Doy

您沒有使用屬性「data-trackingcode」的元素。您應該使用像'這樣的數據屬性，並使用$（'。bannerLink'）。data（'trackingcode'）或' '$（本）。數據（ 'trackingcode'）'。你也忘了發佈你的jQuery。 – j08691

其次，使用'data（）'來訪問Rory下面提到的'data- *'屬性。如果您發佈了您的原始嘗試，也會有所幫助，以便人們指出針對您的代碼的修復。 –

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

來源

2016-04-26 21:04:12

可以使用this關鍵字點擊事件處理函數內引用點擊的元素。試試這個：

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

注意使用data()訪問data-*屬性優於attr()。

來源

2016-04-26 21:04:15

感謝Rory –

沒問題。如果有幫助，不要忘記加註/接受答案。 –

從點擊選擇屬性href

回答

相關問題