how to use jquery.ON() just on elements with specific data-attribute ?

Question

How can I use jquery.on event just on elements that have specific data-attribute ?

for example :

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

Thanks

Answer 1

By using has attribute selector :

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

Answer 2

Try this.,

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

Answer 3

This will work:

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

For more CSS attribute selectors see https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors