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方式来创建createElement。我尝试了以下方法，但它不起作用：

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

任何sugestions？

Answer 1

您可以使用$("<div></div>")语法创建元素，而无需使用document.createElement（'div'）;

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

这很有效，（请查看小提琴http://jsfiddle.net/P5A8L/1/）您的错误可能来自未定义的变量div和div2

Answer 2

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

您可以随意将“body”替换为您想要的任何选择器，或者替换之前，之后的方法。他们都应该工作。只是一个简单的一个班轮。无需创建变量。至少如果我正确理解你的问题。

在jQuery中创建DIV

2 个答案: