JSFiddle - React, Tailwind, and code Playground
HTML
<a data-foo="abc" href="#">I'm Matched</a>
<a data-foo-bar="abc" href="#">I'm Matched Too</a>
<a data-foo-bar-baz="abc" href="#">I'm Matched Too</a>
<a data-bar-foo="abc" href="#">I'm Not Matched</a>
JavaScript
$("a").each(function(){
var element = $(this);
var isItMe = 0;
$(element[0].attributes).each(function() {
if(this.nodeName.indexOf("data-foo") >= 0){
isItMe = 1;
}
});
if(isItMe == 1){
$(this).css({"color" : "red"});
}
});