javascript - 在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'));
    });   

在这种情况下，我无法理解如何获取特定 a 标签的 data-test 属性。$(this)返回document对象而不是a

Answer 1

您必须将侦听器绑定到锚点，而不是文档：

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

数据函数是获取附加到 DOM 元素的数据的正确方法。