创建jQuery的

Question

子元素新的DOM元素，我想创建以下元素

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

我想做的事情上面下列方式使用jQuery。

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

如何用上述方法创建子元素span？

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