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

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

or

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


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