在 jQuery 中创建 DIV答案

【问题标题】：Creating DIV's in jQuery在 jQuery 中创建 DIV
【发布时间】：2013-12-28 14:44:31
【问题描述】：

以下代码适用于我：

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'}));

有什么建议吗？

【问题讨论】：

jQuery document.createElement equivalent? 的可能重复项还有其他几个问题也可以回答这个问题。
$("<div>", {css: {position:'relative'}}).prependTo(div)

标签： jquery html createelement

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：