Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery selector inside the each() method

Lets say that I have a HTML that looks like this:

<div class="aaa"><span>1</span></div>
<div class="aaa"><span>2</span></div>
<div class="aaa"><span>3</span></div>
<div class="aaa"><span>4</span></div>

With $('.aaa span') I can select all span elements.
With $('.aaa').each() I can iterate over the div elements.
My question is how to select the span in each div from inside the each function like:

$('.aaa').each(function(index, obj){
    x = selector_based_on_obj // x equal to the current div`s span
})
like image 909
Ilian Iliev Avatar asked Dec 07 '10 20:12

Ilian Iliev


1 Answers

easiest way is this, if you want all the elements

$('.aaa span');

jquery can nest selectors just like css can. also, if for some reason you need to loop

$('.aaa').each(function(){
    x = $(this).find('span');
});

that will set x as the elements as a jquery object.

like image 174
Jeremy B. Avatar answered Nov 02 '22 11:11

Jeremy B.