在Jquery中的.on事件中獲取屬性

Question

因此，我有10個這樣的鏈接：<a href="#" data-test="test" class="testclass"></a>
and on function。像這樣：

$(document).on("click", ".testclass", function() { 
     alert($(this).attr('data-test')); 
    }); 

我不明白我在這種情況下如何獲得特定標籤的數據測試屬性。 $(this)回報document對象，而不是a

Answer 1

你要監聽綁定到錨，而不是文檔：

$('a.testclass').on('click', function() { 
    alert($(this).data('test')); 
}) 

而且data function是獲得附加到DOM元素的數據以正確的方式。