Posted By

magicrebirth on 09/21/10

Tagged

Versions (?)

Last Edited at 09/21/10 02:34am

Statistics

Viewed 952 times

Favorited by 0 user(s)

Related snippets

Regex Selector for jQuery

/ Published in: JavaScript

check the original blogpost for more how-to examples

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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));
}
 
//  USAGE
 
// Select all elements with an ID starting a vowel:
$(':regex(id,^[aeiou])');
 
// Select all DIVs with classes that contain numbers:
$('div:regex(class,[0-9])');
 
// Select all SCRIPT tags with a SRC containing jQuery:
$('script:regex(src,jQuery)');
 
// Yes, I know the last example could be achieved with 
// CSS3 attribute selectors; it's just an example...