单击带有数据属性的JQuery [重复]

Posted 2023-03-05

【中文标题】单击带有数据属性的JQuery [重复]

【英文标题】：JQuery On Click with data attribute [duplicate]

【发布时间】：2012-11-06 21:50:46

【问题描述】：

可能重复：Selecting element by data attribute

我正在尝试收听具有特定数据属性的元素何时被单击，但我似乎无法让 on click 工作，而且我确信这对我来说很容易我错过了。我有

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

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

我有它的变化。我的问题是，如何在点击时使用数据属性？

【问题讨论】：

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

【参考方案1】：

以下代码将click 事件绑定到所有具有data-spinner attribute equal to true 的<a> 元素：

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

【参考方案2】：

轻松解决您的问题：（未测试）

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

);

【参考方案3】：

这将选择所有具有 data-spinner 属性的元素，而不管该属性的值如何。

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