JQuery - select a subset of elements in a saved set of elements

Question

From this:

var $saved = $('#parent').find('a'); 

How can I now sub-select those elements in $saved that have the myClass class?

I don’t want the descendants (therefore, find or children do not fit), I want a subset of $ saved.

 var $refined = $saved.[something something]; 

Essentially, I want $refined to be $('#parent').find('a.myClass'); but started with $saved .

Thanks.

Answer 1

You can use the filtering method:

 var $refined = $saved.filter(".myClass"); 

Answer 2

You can use the filter method.

 var $refined = $saved.filter('.myClass'); 

Answer 3

You can iterate through a saved collection to find out the elements with the myClass class.

 var $refined = $saved.each(function(){ if($(this).attr('class') == 'myClass') return $(this); }); 

Or you can use the filter () jquery function to apply a selector.

  var $refined = $saved.filter('myClass'); 

Answer 4

Maybe this will help

 var $refined = $saved.filter('.myClass'); 

http://api.jquery.com/filter/

Answer 5

 $saved.each(function(){ if($(this).hasClass('test')) alert($(this).text()); });