Создание DIV в JQuery

Question

У меня работает следующий код:

var div2 = document.createElement('DIV');
$(div2).css('position','relative').insertBefore( $(div).children()[0] );
var div3 = document.createElement("DIV");
$(div2).prepend($(div3).css({'display':'inline','position':'absolute'}));

... но я должен представить, что есть более удобный способ jQuery для создания элемента. Я попробовал следующее, но это не сработало:

$('<div></div>').css('position','relative').insertBefore( $(div).children()[0] );
$(div2).prepend($('<div></div>').css({'display':'inline','position':'absolute'}));

Любые предложения?

Answer 1

Вы можете использовать $("<div></div>") синтаксис для создания элементов без использования document.createElement('div');

var d = $("<div></div>").text("hello");
$("body").append(d);

Это работает отлично, (пожалуйста, проверьте на fiddle http://jsfiddle.net/P5A8L/1/) ваша ошибка может быть из-за неопределенных переменных div а также div2

Answer 2

$('body').append('<div>This is my div.</div>').css({'display':'inline','position':'absolute'});

Вы можете смело заменять "тело" любым выбранным вами селектором или методом, который нужно добавить после, до, до. Они все должны работать. Просто один лайнер. Нет необходимости создавать переменные. По крайней мере, если я правильно понимаю ваш вопрос.