如何使用JQuery将DIV插入另一个DIV？

Question

如何使用JQuery将自定义DIV添加到已存在的DIV中？

<div id="old-block"><div id="new-block">Lorem Ipsum</div></div>

提前致谢。

Answer 1

有很多方法可以在另一个div中插入div。

我们可以使用.append()这样做：

$('#old-block').append('<div id="new-block-2"></div>');

我们也可以像这样使用.appendTo()：

$('<div id="new-block-2"></div>').appendTo('#old-block');

也许我们今天感觉不那么花哨，想要使用普通的JavaScript：

document.getElementById('old-block').appendChild('div');

document.getElementById('old-block').innerHTML += '<div id="new-block-2"></div>';

您也可以尝试parsing the HTML with RegEx。

Answer 2

$("#old-block").append("<div id='dynamic'></div>");