JSFiddle - React, Tailwind, and code Playground

by doug65536

HTML

<div data-something="test"></div>
<div data-something="foo"></div>
<div data-something="bar"></div>

JavaScript

(function() {
    var oldfind = $.fn.find;
    $.fn.find = function(sel) {
        var m;
        //console.log(sel);
        while ((m = sel.match(/(\[([^\]]*)\]=(\"[^"]*\"|\S*))/)) !== null) {
            sel = sel.replace(m[0], '[' + m[2] + '=' + m[3] + ']');
        }
        //console.log("replace: " + sel);
        return oldfind.apply(this, arguments);
    };
}());

$('[data-something]=test');
$('[data-something]="test"');
$('[data-something]=test [something-else]=foo');
$('div[data-something]=test a[something-else]="bar"');