Нужна помощь в создании элементов DOM на лету с помощью функции jQuery: jQuery (html, props)

Question

Я пытаюсь создать следующий элемент div, используя jQuery:

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