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 个变量怎么办？ 单独使用 append 并不能完成这项工作

Answer 1

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

无论 var 是什么

Answer 2

也许你可以使用append函数来代替：

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

Answer 3

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

Answer 4

根据文档：

.append( 内容 [, 内容 ] )

内容

类型：htmlString 或 Element 或
文本或数组或jQuery

传递数组更方便。

var items = [];

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

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