如何在jQuery中创建div元素?


当前回答

<div id="foo"></div>

$('#foo').html('<div></div>');

其他回答

<div id="foo"></div>

$('#foo').html('<div></div>');
$("<div/>").appendTo("div#main");

将在<div id=“main”></div>中追加一个空白div

div = $("<div>").html("Loading......");
$("body").prepend(div);    

您可以使用append(添加到父级的最后一个位置)或prepend(添加到其父级的第一个位置):

$('#parent').append('<div>hello</div>');    
// or
$('<div>hello</div>').appendTo('#parent');

或者,可以使用不同答案中提到的.html()或.add()。

$(HTMLelement)可以使其成功。如果您想要epmty div,请将其用作$('<div></div>');。也可以通过相同的方法设置其他元素。如果您想在创建后更改内部HTML,可以使用HTML()方法。对于获取outerHTML作为字符串,您可以使用如下方式:

var element = $('<div/>');
var innerHTML = element.html(); // if you want set new HTML use it like this element.html('<b>new HTML</b>');
var outerHTML = element[0].outerHTML;