使用data属性的JQuery On Click

Question

可能是重复问题：
通过数据属性选择元素

我想监听具有特定数据属性的元素被点击的事件，但似乎无法使其在单击时起作用，我确信我错过了一些简单的东西。我的代码如下：

<a href="/home" data-spinner="true" />

$.data('record').click(function() {
         //Do Action
});

我有多个变体。我的问题是，如何在点击事件中使用数据属性？

- Devin Dixon

---

这不是$.data的工作方式。我建议在盲目尝试之前阅读文档：http://api.jquery.com/jQuery.data/。这将节省很多时间！ - Felix Kling

Answer 1

您的问题有一个简单的解决方案：（未经测试）

$('a[data-spinner="true"]').click(function(event) {

});

- Robin Jonsson

---

$('a[data-spinner="true"]').on('click', function(){ }); 或者 $(document).on('click', 'a[data-spinner="true"]', function(){ }); 如果HTML动态添加到DOM中。 - Hau Le

Answer 2

这会选择所有带有 data-spinner 属性的元素，无论该属性的值为何。

    $( "[data-spinner]" ).live( "click", function () {
        console.log('clicked');
    } );

- Akhil Sekharan

---

.live() 已从 jQuery 的后续版本中移除，请使用 .on() 代替；https://api.jquery.com/on/ - bot19

Answer 3

以下代码将click事件绑定到所有具有data-spinner属性等于true的<a>元素上：

$("a[data-spinner='true']").click(function() {
    //Do Acction
});

- VisioN