< a href =" http :// www . jquery . com " title =" jQuery " class =" foo "> jQuery . com 1 </ a > < a href =""> jQuery . com </ a >
< script src =" http :// ajax . googleapis . com / ajax / libs / jquery / 1.7.2 / jquery . min . js "></ script >
< script >
( function ($) { // Alerts " 1 " alert ($(' a [ title =" jQuery "][ href^ =" http ://"]'). length );
})( jQuery );
</ script > </ body > </ html >
Notice in the code how we have stacked two filters to accomplish this selection . Other selector filters can be stacked besides just attribute filters . For example :
// Select the last < div > contained in the // wrapper set that contains the text " jQuery ". $(' div : last : contains (" jQuery ")') // Get all check boxes that are both visible and selected . $(': checkbox : visible : checked ')
The concept to take away is that selector filters can be stacked and used in combination .
Notes : You can also nest and stack filters — e . g . $(' p '). filter (': not (: first ): not (: last )').
Nesting selector filters
Selector filters can be nested . This enables you to wield filters in a very concise and powerful manner . Below , I give an example of how you can nest filters to perform complex filtering .
Sample : sample31 . html
<! DOCTYPE html > < html lang =" en "> < body > < div > javascript </ div > < div >< span class =" jQuery "> jQuery </ span ></ div > < div > javascript </ div > < div >< span class =" jQuery "> jQuery </ span ></ div >
43