JSFiddle - React, Tailwind, and code Playground

by Brad Christie

HTML

<div data-foo-bar>Div</div>
<h1 data-bar-baz="foo">H1</h1>
<p class="foo">p</p>
<div data-foo-baz>Div</div>

JavaScript

(function($){
    $.expr[':']['attr'] = function(obj,index,meta,stack){
        var match = false;
        for (var a = 0; a < obj.attributes.length; a++){
            match |= comparer == obj.attributes[a].name;
        }
        return match;
    };
    $.expr[':']['foo'] = function(obj,index,meta,stack){
        console.log(meta);
    };
})(jQuery);

// make all elements with data-myapp-* #f0f
$(':foo(apple=banana)').css('color','#f0f');