Last active
April 4, 2024 22:05
-
-
Save lambdamusic/4734400 to your computer and use it in GitHub Desktop.
JavaScript: Regex Selector for jQuery #js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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... |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment