[object, object]의 배열을 html()로 변환하려면 어떻게해야합니까?

Question

나는이 알아낼 수없는 것 :

$(".task:last").append( 

$("<div/>", {class: 'clear'}) + 
$("<div/>", {class: 'time', text: '3:30pm'}) + 
$("<div/>", {class: 'clear'}) 

) 

불행하게도,이 [개체 개체]의 무리로 돌아옵니다. HTML을 어떻게 추가합니까?

Answer 1

var first = $("<div/>", {"class": 'clear'}), 
    second = $("<div/>", {"class": 'time', text: '3:30pm'}), 
    third = $("<div/>", {"class": 'clear'}) ; 
$(".task:last").append(first, second, third); 

또한 시도 할 수 있습니다 :

$(".task:last").append( 
    $("<div/>", {class: 'clear'}), 
    $("<div/>", {class: 'time', text: '3:30pm'}), 
    $("<div/>", {class: 'clear'}) 
); 

배열 사용 :

var element = [ 
    $("<div/>", {class: 'clear'}), 
    $("<div/>", {class: 'time', text: '3:30pm'}), 
    $("<div/>", {class: 'clear'}) 
]; 

$.each(element, function() { 
    this.appendTo('.task:last'); 
}); 

또는

$.each(element, function() { 
    $('.task:last').append(this); 
}); 

참고 :

아니요 class: 'clear'은 'class': 'clear' 또는 className: 'clear'이어야합니다. class은 예약어이기 때문에.

Answer 2

 $(".task:last").append($("<div/>", { class: 'clear' })); 
     $(".task:last").append($("<div/>", { class: 'time', text: '3:30pm' })); 
     $(".task:last").append($("<div/>", { class: 'clear' })); 

// 또는

$(".task:last").append($("<div/>", { class: 'clear' }), $("<div/>", { class: 'time', text: '3:30pm' }), $("<div/>", { class: 'clear' })); 

Answer 3

var elms = [$("<div/>", {className: 'clear'}), 
      $("<div/>", {className: 'time', text: '3:30pm'}), 
      $("<div/>", {className: 'clear'}) 
      ]; 

$(".task:last").append(elms[0], elms[1], elms[2]);​ 

FIDDLE

또는

var elms = [$("<div/>", {className: 'clear'}), 
      $("<div/>", {className: 'time', text: '3:30pm'}), 
      $("<div/>", {className: 'clear'}) 
      ]; 

$.each(elms, function() { 
    $(this).appendTo(".task:last"); 
}); 
​ 

Answer 4

var t = '3:30pm'; 
var $el = '<div class="clear" /><div class="time"> Time: '+t+'</div><div class="clear" />'; 
    $(".task:last").append($el); 

http://jsbin.com/izegut/edit#javascript,html,live