Question

Is there a way to ‘pre-build’ a snippet of HTML before adding it to the DOM?

For example:

$mysnippet.append('<h1>hello</h1>'); $mysnippet.append('<h1>world</h1>'); $('destination').append($mysnippet); 

where $mysnippet doesnt exist in the DOM. I’d like to dynamically build up some lumps of html and then insert them into the page at appropriate points later.

Answer 1

Yes pretty much exactly how you have done it

Some extension of this…

$('<div>').attr('id', 'yourid').addClass('yourclass').append().append()... 

and then finally

.appendTo($('#parentid'));