jquery how to append multiple var's to a div?

Question

i have some var's:

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

how to append them to a div using jquery appendTo ?

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

thanks

edit:

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

i want it to look like this:

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

i can use:

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

but what if i have 15 vars?? and append alone doesn't do the job

What do you mean by var's and appending to div? Do you mean jquery wrapped HTML elements when you say var's? — Chandu, Apr 19 '11 at 18:33

score 13 · Accepted Answer · answered Apr 19 '11 at 18:36

13

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

whatever a var is

answered Apr 19 '11 at 18:36

Marco Mariani

score 0 · Answer 2 · answered Feb 12 '18 at 17:29

According to docs:

.append( content [, content ] )

content

Type: htmlString or Element or Text or Array or jQuery

Passing array is more convenient.

var items = [];

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

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

score 0 · Answer 3 · answered Apr 19 '11 at 18:33

0

Maybe you can use the append function instead:

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

answered Apr 19 '11 at 18:33

Vincent Ramdhanie

i don't know if it will work as well as `appendTo`, i had some problems using `append` – Patrioticcow Apr 19 '11 at 18:35
is this better/worse than `$('.div').append(var1 + var2 + var3);`? – Dutchie432 Apr 19 '11 at 18:37
maybe you were not selecting the right div element. does it have class="div" ? – Marco Mariani Apr 19 '11 at 18:37
@Dutchie432 It really depends on what var1, var2 and var3 represent. – Vincent Ramdhanie Apr 19 '11 at 18:38

score 0 · Answer 4 · edited Apr 19 '11 at 18:38

0

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

edited Apr 19 '11 at 18:38

CAbbott

answered Apr 19 '11 at 18:33

Ron Harlev

is this better/worse than `$('.div').append(var1 + var2 + var3);`? – Dutchie432 Apr 19 '11 at 18:38

4 Answers4