jquery如何将多个变量添加到一个div中？

Question

我有一些变量：

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

如何使用jQuery的appendTo将它们附加到一个div中？

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

thanks

edit:

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是不够的。

- Patrioticcow

---

“var”和“appending to div”是什么意思？当你说“var”时，你是否指的是jQuery包装的HTML元素？ - Chandu

Answer 1

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

变量是什么就是什么

- Marco Mariani

Answer 2

根据文档：

.append( content [, content ] )

content

类型：htmlString 或 Element 或 Text 或 Array 或 jQuery

传递数组更方便。

var items = [];

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

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

- aleha_84

Answer 3

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

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

- Vincent Ramdhanie

---

我不知道它是否像appendTo一样有效，我在使用append时遇到了一些问题。 - Patrioticcow

这种写法比 $('.div').append(var1 + var2 + var3); 好还是不好？ - Dutchie432

也许你没有选择正确的 div 元素。它是否有 class="div"？ - Marco Mariani

@Dutchie432 这取决于var1、var2和var3代表什么。 - Vincent Ramdhanie

Answer 4

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

- Ron Harlev

---

这比 $('.div').append(var1 + var2 + var3); 更好/更差吗？ - Dutchie432