JSFiddle - React, Tailwind, and code Playground
HTML
<div data-api-src="some value">a</div>
<div data-api-myattr="foobar">b</div>
<div>c</div>
JavaScript
$.expr[':'].hasAttrWithPrefix = $.expr.createPseudo(function(prefix) {
return function(obj) {
for (var i = 0; i < obj.attributes.length; i++) {
if (obj.attributes[i].nodeName.indexOf(prefix) === 0) return true;
};
return false;
};
});
$('div:hasAttrWithPrefix(data-api-)').css('color', 'red');