Question

var div1 = $("<div>");
var div2 = $("<div>");
var div3 = $("<div>");

$('#container').html('').append(div1).append(div2).append(div3);

What is the best way to do this? Thanks.

Answer 1

There is nothing wrong with what you are doing, but if you don’t need references to the elements you could just as well do:

$("#container").html("<div></div><div></div><div></div>");

Edit

You could do something like below to make the statement more terse without any real benefit.

$("#container").append(div1.add([div2, div3]));