Using data-attribute as selector in jQuery. Is it the Best Practice?

JavaScript
1

I want to know what is the best practice using HTML5 data-attribute in jQuery.

I’m trying to strip off the usage of classes and IDs as selector in jQuery.

here is an example what I’m trying to do


$('[data-suffix-attribute="some_value"]').each(function(){
   ......
});

or

$('[data-suffix-attribute="delete"]').click(function(){
   // delete action happening here
});

is this the best practice? will this cause a future problem?

2