JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="a-test">Test</div>
<p class="test-1">Test</p>

CSS

.test {
    margin: 1em;
    padding: 0.5em;
    background: #ffa;
}

JavaScript

jQuery.expr[':'].regex = function(elem, index, match) {
    var matchParams = match[3].split(','),
        validLabels = /^(data|css):/,
        attr = {
            method: matchParams[0].match(validLabels) ? matchParams[0].split(':')[0] : 'attr',
            property: matchParams.shift().replace(validLabels, '')
        },
        regexFlags = 'ig',
        regex = new RegExp(matchParams.join('').replace(/^\s |\s $/g, ''), regexFlags);
    return regex.test(jQuery(elem)[attr.method](attr.property));
}


$('div:regex(id,^[aeiou])').addClass('test');
$('p:regex(class,[0-9])').addClass('test');