在jQuery中使用子元素创建新的DOM元素

Question

我想创建以下元素

<span>
    <h3>Title</h3>
    <p>This is paragraph</p>
</span>

我想以下面的方式使用jquery做上面的事。

$('<span />', {
}).appendTo('body');

如何使用上述方法创建span的children元素？

Answer 1

Fiddle Demo

$('<span />', {})
    .append($('<h3/>').text('Tite'))
    .append($('</p>').text('para'))
    .appendTo('body');

<小时/> 或

Fiddle Demo

$('<span />', {})
    .append(function () {
    return '<h3>Title</h3><p>This is paragraph</p>';
}).appendTo('body');

---

Fiddle Demo

$('<span />', {})
    .append($('<h3/>').text('Tite'), $('</p>').text('para'))
    .appendTo('body');