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
})
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With