jquery how to select all the class elements start with "text-"?
Try this. For more details refer jquery selectors
$('*[class^="text"]')
You don't necessarily need to specify asterisk *
, you can do this too:
$('[class^="text-"]')
Notice the addition of -
after text
something you are looking for.
Check out the jQuery starts with selector for more information.
Here's an attempt at a solution that's both accurate and not too slow:
var elts = $('*[class*="text-"]')
.filter(function () {
return this.className.match(/(?:^|\s)text-/);
});
Which works by using the (hopefully) fast Sizzle code to find elements that have "text-" anywhere in their class
attribute, and then calls a function on each of those to filter them down to the ones that actually have "text-" at the beginning of a class name.