Pushing child elements into a global array using jQuery

Question

I am working on a script that will push each child element into a global array (for processing later on in my script) but for some reason its not actually pushing the element into the array.

Code:

var childElements=new Array();    
function getChildren(elem){
            $(elem).children().each(function(index, value){
                childElements[index] = $(this);
            });
        }

Am I doing something wrong?

user113716 · Accepted Answer · 2010-10-28 19:47:24Z

3

Since a jQuery object is an Array-like object, I'd probably just use that instead of creating an Array of individually wrapped objects.

var childElements=$(elem).children();

If you intend to add more elements, you can .push() always .add() new elements. This will also make sure you don't have duplicates.

var childElements= $();    
function getChildren(elem){
    childElements = childElements.add( $(elem).children() );
}

answered Oct 28, 2010 at 19:47

user113716

323k64 gold badges454 silver badges441 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

dennismonsewicz Over a year ago

Wow this is very helpful! I have been looking for a way to clean up my code. Thanks!

Saul · Accepted Answer · 2010-10-28 19:50:02Z

2

$.each($(elem).children(), function(index, value){ 
                childElements[index] = $(this); 
            });

Edit: Patrick is makes a valid point. If you simply want an array of child objects then a simple var childElements = $('selector').children(); should suffice. You don't need the function unless you want the values of that array to contain (a combination of) specific attributes from child elements.

edited Oct 28, 2010 at 19:50

answered Oct 28, 2010 at 19:11

Saul

18k8 gold badges67 silver badges93 bronze badges

3 Comments

user113716 Over a year ago

@dennismonsewicz - I'm a little confused. This is functionally equivalent to your original code.

dennismonsewicz Over a year ago

@patrick - how would you simply my code? Having to loop through each array is the only way I could come up with a way of doing it

user113716 Over a year ago

@dennismonsewicz - Depends on what you ultimately want to accomplish. I certainly wouldn't see much use in creating an Array with individual jQuery objects, when a jQuery object is (effectively) an Array of elements. I'll add an answer.

Collectives™ on Stack Overflow

Pushing child elements into a global array using jQuery

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related