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.

So, what's the issue? It works for me: http://jsfiddle.net/cLLyD/ — gen_Eric, Jul 18 '12 at 14:57

score 20 · Accepted Answer · answered Jul 18 '12 at 14:47

20

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

   });
})

answered Jul 18 '12 at 14:47

thecodeparadox

86,271
21
138
164

3

This is like eating upside down. Not the simplest solution, but it works! :) – Paul Fleming Jul 18 '12 at 15:19

Paul Fleming · Answer 2 · 2012-07-18T15:18:40.877

9

Is this what you're lookng for?

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

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

edited Jul 18 '12 at 15:18

answered Jul 18 '12 at 14:47

Paul Fleming

24,238
8
76
113

It works for this example, but it gets more complicated in my (simplified) code. my divs are inside a table if that matters? – James Mclaren Jul 18 '12 at 15:37
1

Ah, then remove the `>`. `$('div.left div').each(...);` This will iterate all divs that have an ancestor div with classname=left. – Paul Fleming Jul 18 '12 at 15:39

score 4 · Answer 3 · answered Jul 18 '12 at 14:48

4

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

answered Jul 18 '12 at 14:48

alexl

6,841
3
24
29

ayyp · Answer 4 · 2012-07-18T15:00:24.480

3

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

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

edited Jul 18 '12 at 15:00

answered Jul 18 '12 at 14:47

ayyp

6,590
4
33
47

Apologies, I was half asleep when I wrote this. I was using it correctly. – James Mclaren Jul 18 '12 at 14:57
The syntax you posted is what I already had so no, unfortunately :( – James Mclaren Jul 18 '12 at 15:32

Jquery .each through Divs inside another Div

4 Answers4

Linked