Блог

Главная - Вопросы по программированию - jquery как добавить несколько переменных к div?

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

#jquery #appendto

#jquery #appendto

Вопрос:

у меня есть несколько переменных:

 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 сам по себе не выполняет эту работу

Комментарии:

1. Что вы подразумеваете под переменными и добавлением к div? Вы имеете в виду HTML-элементы, обернутые jquery, когда говорите о переменных?

Ответ №1:

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

чем бы ни был var

Ответ №2:

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

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

Комментарии:

1. я не знаю, будет ли это работать так же хорошо, как appendTo , у меня были некоторые проблемы с использованием append

2. это лучше / хуже, чем $('.div').append(var1 var2 var3); ?

3. возможно, вы не выбрали правильный элемент div. есть ли у него class=»div»?

4. @Dutchie432 Это действительно зависит от того, что представляют var1, var2 и var3.

Ответ №3:

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

Комментарии:

1. это лучше / хуже, чем $('.div').append(var1 var2 var3); ?

Ответ №4:

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

.append(содержимое [, content ] )

Содержание

Введите: HtmlString или элемент, или текст, или массив, или jQuery

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

 var items = [];

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

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