jquery如何将多个var附加到div？

Question

我有一些var：

var1 = ('1');
var2 = ('2');
var3 = ('3');

如何使用jquery appendTo将它们附加到div？

var1, var2, var3.appendTo('.div');

感谢

编辑：

var1 = $('<div class="1"></div>');
var2 = $('<div class="2"></div>');
var3 = $('<div class="3"></div>');

我希望它看起来像这样：

<div class="div">
<div class="1"></div>
<div class="2"></div>
<div class="3"></div>
</div>

我可以使用：

var1.appendTo('.div');
var2.appendTo('.div');
var3.appendTo('.div');

但如果我有15个vars怎么办？ 仅append不能完成这项工作

Answer 1

$('.div').append(var1, var2, var3)

无论var是什么

Answer 2

也许您可以使用追加功能：

    $('.div').append(var1).append(var2).append(var3);

Answer 3

$('.div').append(var1).append(var2).append(var3)

Answer 4

根据docs：

  

.append（content [，content]）

     

内容

     

键入：htmlString或Element或   文字或数组或jQuery

传递数组更方便。

var items = [];

for(let i = 0; i < count; i++){
   items.push($('<div />', { class: i}));
}

$('.div').append(items);