Question

I have an array of DIV elements in an array called ‘noactiveMsg’.
I want to load these DIV elements into a DIV called $('#chatCenterMembers').

I’ve tried:

noactiveMsg.appendTo($('#chatCenterMembers'));

But this doesn’t work.
Can someone advice on the syntax to load an array of elements/objects into a div?

code to made the array:

var noactiveMsg=[];
 $('div.chatmember').each(function() {                        
 if($(this).children().children('div').hasClass('chatactivestatus_offline')) {
 alert('offline');
 noactiveMsg.push($(this));
 }              
 });

Answer 1

If each element of your array is a jQuery object, you can try this:

---

Some sample html:

<div>
    <p>Some stuff below!</p>
</div>

---

The jQuery stuff:

$(function(){
    var foo = [];
    foo.push( $('<p>hello</p>') );
    foo.push( $('<p>world</p>') );
    foo.push( $('<p>Adam</p>') );

    // this will fail because each element is a 
    // separate jQuery object
    // $('div').append( foo );

    // instead try this
    $.each(foo, function(){
        $('div').append(this);
    })
});

see it work on jsFiddle

I also answered a similar question just recently