JSFiddle - React, Tailwind, and code Playground
HTML
<div data-foo-bar-asd="hello">I contain an attribute called data-foo-bar-asd</div>
<div data-foo-bar="hello">I contain an attribute called data-foo-bar</div>
<div data-fsoo-baasdasdasdr="hello">I contain an attribute called data-fsoo-baasdasdasdr</div>
<div data-foo-baasdasdasdr="hello">I contain an attribute called data-foo-baasdasdasdr</div>
JavaScript
$('div').filter(function() {
for (var property in $(this).data()) {
if (property.indexOf('fooBar') == 0) {
return true;
}
}
return false;
}).css('color', 'red');