JQuery, как добавить несколько переменных в div?

Question

У меня есть несколько вар:

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

как добавить их в div с помощью jquery appendTo?

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)

независимо от переменной

Answer 2

Согласно документам :

.append (контент [, контент])

контент

Введите: htmlString или Element или Text или Array или jQuery

Передавать массив удобнее.

var items = [];

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

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

Answer 3

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

Answer 4

Может быть, вы можете использовать вместо этого функцию добавления:

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