JSFiddle - React, Tailwind, and code Playground
HTML
<div data-user="1">has data</div>
<div>no data</div>
<span data-name="Richard">has data too</span>
<label>no data</label>
JavaScript
jQuery.extend(jQuery.expr[':'], {
data: function(el) {
return !jQuery.isEmptyObject( $(el).data() );
}
});
$('*:data').css('color', 'red')