Question

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
})

Answer 1

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.