How do I iterate through children elements of a div using jQuery?

jquery iteration
Shamoon picture Shamoon · Jun 11, 2010 · Viewed 386.7k times · Source

I have a div and it has several input elements in it... I'd like to iterate through each of those elements. Ideas?

Answer

Andy E picture Andy E · Jun 11, 2010

Use children() and each(), you can optionally pass a selector to children

$('#mydiv').children('input').each(function () {
    alert(this.value); // "this" is the current element in the loop
});

You could also just use the immediate child selector:

$('#mydiv > input').each(function () { /* ... */ });

Related questions

How to loop through array in jQuery?

I am trying to loop through an array. I have the following code: var currnt_image_list= '21,32,234,223'; var substr = currnt_image_list.split(','); // array here Am trying to get all the data out of the array. …

Read More
How to skip to next iteration in jQuery.each() util?

I'm trying to iterate through an array of elements. jQuery's documentation says: jquery.Each() documentation Returning non-false is the same as a continue statement in a for loop, it will skip immediately to the next iteration. I've tried calling 'return …

Read More
Iterating a JavaScript object's properties using jQuery

Is there a jQuery way to perform iteration over an object's members, such as in: for (var member in obj) { ... } I just don't like this for sticking out from amongst my lovely jQuery notation!

Read More