需要帮助使用jQuery动态创建DOM元素：jQuery（html，props）函数

Question

我正在尝试使用jQuery构建以下div元素：

<div>
    <p>Hello</p>
    <p>Stack Overflow</p>
</div>

我添加了第一段这样的内容：

$('<div/>', {html: $('<p/>', {text: "Hello"})})

但我不知道如何添加第二段。

请帮忙。

Answer 1

分几个步骤做错了什么？

var div = $('<div />');

var p1 = $('<p />');
p1.text('hello');
p1.appendTo(div);

var p2 = $('<p />');
p2.text('stack overflow');
p2.appendTo(div);

Answer 2

尝试以下

var d = $('<div/>')
var all = ["hello", "stackoverflow"];
for (var i in all ) {
    var p = $('<p/>');
    p.text(all[i]);
    p.appendTo(d);
}