Как добавить элемент в переменную?
 

Подскажите, возможно ли создать и добавить элемент в переменную? Т.е. в еще не существующий в DOM элемент?

Например:

var a = $("<div />");
var b = $("<img />");

a.append(b);
$("#main").append(a);

Т.е. я хочу создать главный элемент (не добавляя в DOM), прикрутить к нему кучу других элементов, в которые также будут добавлены элементы, а потом уже добавить этот элемент в DOM. Это возможно?

Alpunto,
да

:)

А как?

Я пробую и получаю append is not a function.

Alpunto,
напишите макет полностью и желательно правильно

Это добавление к уже существующему в DOM элементу. Т.е. элемент #main должен быть в DOM. Я же спрашиваю о добавлении к созданному элементу, но еще не добавленному в DOM.

Alpunto,
ваш код сейчас правильный, что не устраивает?

А это a.append(b) что?

Этот код просто для примера. Нашел ошибку в своем коде, которая выдавала append is no a function (проблема была с областью видимости). Подумал сразу, что к недобавленному в DOM элементу нельзя добавить другие элементы. Сейчас вижу, что можно.

Спасибо за помощь.

Alpunto,
можно ещё так

var b = $("<img />");
var a = $("<div />", {html : b});

или так

var a = $("<div />", {html : "<img />"});

или

var a = $("<div />", {html : $("<img />")});

Спасибо, интересные варианты.