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

Question

我如何使用jQuery在已有的DIV中添加自定义DIV？

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

提前致谢。

- DezoLord

---

http:\api.jquery.com - Rajaprabhu Aravindasamy

$('#old-block').append('<div>'); 将在 old-block 中创建一个 div。 - joyBlanks

可能是使用JavaScript或jQuery在DOM中插入元素的重复问题。 - Mathlight

Answer 1

有许多种方法可以在另一个

中插入

。

我们可以使用.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>';

您还可以尝试使用正则表达式解析HTML代码（参考链接）。

- Timo

Answer 2

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

- Sagar