Suppose I have string selector such as:
input.js-pretty-select[type="radio"].selected
How can I get just all class names (js-pretty-select and selected) from this string, possibly using some jQuery core function?
I thought about some regex at first, but then I realized that jQuery might have that already implemented somewhere in it's code, like when resolving selectors with $().
You can use this function to extract the classes from a string using regular expression:
// This function accepts a string and return array of classes
function getClasses(s) {
var matches = s.match(/\.[a-zA-Z][\w-]*/g);
var classes = [];
for(var i=0; i < matches.length; i++) {
classes[i] = matches[i].substr(1);
}
return classes;
}
var c = getClasses('input.js-pretty_3select[type="radio"].selected');
How about this:
$("input.js-pretty-select[type='radio'].selected").attr('class')
undefined when such element does not exist in DOM tree...
if($("input.js-pretty-select[type='radio'].selected").length)
JSFIDDLE DEMO => http://jsfiddle.net/s1g2mwor/
var str = 'input.js-pretty-select[type="radio"].selected';
var arr = str.split('.'); //["input", "js-pretty-select[type="radio"]", "selected"]
arr.splice(0, 1); //removing the first entry (input)
for (var i = 0; i < arr.length; i++) {
arr[i] = arr[i].split('[')[0]; // removing [type="radio"]
};
console.log(arr); //["js-pretty-select", "selected"]
Note: This code will only work for the string you've provided. If you want something more complex your code will need to handle all the complex scenarios
