JSFiddle - React, Tailwind, and code Playground

by mqchen

HTML

<li id="item0" class="test">asdf</li>
    <li id="adsf" class="test">hello</li>
<li id="item10" class="test">foobar</li>

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));
}

$('.test:regex(id, ^item([0-9]+)$)').css('color','green');