Jquery .each through Divs inside another Div

Question

I currently have the following html:

Apologies for edit, I was not paying attention when i wrote this.

 <div class ="left">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

I am using the JQuery .each command to iterate through each div using $('div').each. Although I only want to iterate through the divs inside the div with the class name 'left'.

I have tried using $('.left > div').each but it did not work.

Any help appreciated.

Solution 1

$.each( $('.left'), function(i, left) {
   $('div', left).each(function() {

   });
})

Solution 2

Is this what you're lookng for?

$('div.left>div').each(function(){ /* do stuff */ });

Fiddle: http://jsfiddle.net/MLnBY/

Solution 3

$(".left").children().each(function(i, elm) {
    alert($(this).html())
});

Solution 4

The syntax would be $(".left > div").each(function(){}); instead of .each(".left > div").

Update: Would want to use $(".left").children().each()

View more solutions