How to convert an array of jQuery objects into a single object

Question

I would like to convert an array of jQuery objects into a single jQuery objects with every element "after" the last created element:

Test HTML:

<div id="test">asd</div>
<a></a>

JS:

 var createElem = function(numElems) {
        var elems;
        for(var i=0; i<numElems; i+=1) {
            elems.push($("#test").clone());
        }

        return elems;

    };

    $("a").append(createElem(20)); // fails because its an array and not a jQuery object

I know that I can create an element and put all of my clones inside of it:

 var createElem = function(numElems) {
        var elem = $('<div>');

        for(var i=0; i<numElems; i+=1) {
            elem.append($("#test").clone());
        }

        return elem;

    };

But I would rather not deal with having to take out the elements from this parent wrapper before returning them.

one problem is can't append <div> to <a> is invalid html — charlietfl
– charlietfl, Commented Feb 3, 2013 at 23:07

charlietfl · Accepted Answer · 2013-02-03 23:09:26Z

2

Need to define elems as an array before you can use push

var elems=[];

EDIT: <div> is not valid child of <a>

edited Feb 3, 2013 at 23:09

answered Feb 3, 2013 at 22:55

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

2 Comments

TaylorMac Over a year ago

Yes my mistake in writing it up but I still am getting this error: NOT_FOUND_ERR: DOM Exception 8

charlietfl Over a year ago

works fine here jsfiddle.net/vmec3/1... you need to do something about duplicating ID's but that won't stop code working

Kevin Bowersox · Accepted Answer · 2013-02-03 22:59:19Z

0

Make sure you initialize the array.

 var createElem = function(numElems) {
        var elems = [];
        for(var i=0; i<numElems; i+=1) {
            elems.push($("#test").clone());
        }

        return elems;

    };

edited Feb 3, 2013 at 22:59

answered Feb 3, 2013 at 22:53

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

1 Comment

TaylorMac Over a year ago

first elems must be initialized as an array, which i forgot to do. But your solution throws this error: NOT_FOUND_ERR: DOM Exception 8

alonisser · Accepted Answer · 2013-02-03 23:03:05Z

0

try use the append like this:

$("a").append(null,createElem(20));

according to jQuery docs (also tried this myself)

answered Feb 3, 2013 at 23:03

alonisser

12.2k21 gold badges89 silver badges144 bronze badges

Comments

whitneyit · Accepted Answer · 2013-02-03 23:55:45Z

0

var createElem = function ( numElems ) {
    var $elems = $(),
        $test = $( '#test' ),
        index = 0;

    for ( ; index < numElems; index++ ) {
        $elems = $elems.add( $test.clone() );
    }

    return $elems;

};

See how that goes. I'm fairly certain that the logic is correct, I'm just unable to test this from my phone.

answered Feb 3, 2013 at 23:55

whitneyit

1,2268 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to convert an array of jQuery objects into a single object

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related