JQUERY DIV에 요소 배열로드

Question

배열에 'noactiveMsg'라는 DIV 요소 배열이 있습니다. 이 DIV 요소를 $('#chatCenterMembers')이라는 DIV에로드하려고합니다.

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

하지만이 작동하지 않습니다

은 내가 시도했습니다. div에 요소/객체 배열을로드하는 구문에 대한 조언이 있습니까? 만든 배열에

코드 :

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

Answer 1

, 당신이 시도 할 수 있습니다 :

---

일부 샘플 HTML을 :

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

---

JQuery와 물건 :

$(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

Answer 2

나는 이것이 당신이 필요로하는 코드라고 생각합니다. noactiveMsg가 jQuery 객체를 포함하는 배열이라고 가정합니다. 배열의 각 요소는 jQuery를 객체 인 경우

cnt = noactiveMsg.length();

for(i=0; i<cnt; i++) {

$('#chatCenterMembers').append(noactiveMsg[i].html()); 

}

Answer 3

당신은 하나의 jQuery 객체로 그들 모두를 병합 할 수 있습니다 :

var noactiveMsg = [$('<a>1</a>'), $('<a>1</a>')], 
    collection; 

$.each(noactiveMsg, function(i, e) { 
    collection ? collection = collection.add(e) : collection = e; 
}); 

편집 :

기타 모든 요소를 ​​추가 제안 배열에서 별도로 int o DOM. 나는 그것을 강력히 권고합니다. DOM과 상호 작용하는 것은 비용이 많이 드는 작업이므로 가능할 때마다 피해야합니다.