[オブジェクト、オブジェクト]の配列を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