Question

如何仅对具有特定数据属性的元素使用jquery.on事件？

例如：

$(document).on( "click", "ELEMENTS WITH DATA-GOOD", function() {
      console.log("good");
});

由于

Answer 1

使用has attribute selector：

$(document).on( "click", "[attribute]", function() {
    console.log("good");
});

Answer 2

试试这个。，

$(document).ready(function(){
    $('*[data-attribute="ELEMENTS WITH DATA-GOOD"]').on( "click", function() {
          console.log("good");
    });
 });

Answer 3

这将有效：

$(document).on( "click", "[attr]", function() {
    console.log("working");
});

有关更多CSS属性选择器，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

如何在具有特定数据属性的元素上使用jquery.ON（）？

3 个答案: