使用jquery從上到下生成HTML的簡單方法

Question

我正在嘗試處理JSON響應並從中生成HTML。我想構建HTML「從上到下」：

entry = document.createElement('div'); 
entry.class = "Entry"; 
entry_title = document.createElement('div'); 
entry_title.appendChild(document.createTextNode('My entry title')); 
// and so on 

我想使用jQuery的HTML解析功能來簡化代碼。但我找不到在jQuery中執行此操作的方法 - 它的append方法返回調用對象，但不是創建的對象，所以我必須再做一個選擇才能獲取它。

所以問題是 - 我怎樣才能簡化上面的代碼使用jQuery？

Answer 1

var entry = $('<div>').addClass('Entry'). 
append( 
    $('<div>').text('My entry title') 
) 
.appendTo('body') 

相反：

var entry = $('<div>').text('My entry title') 
.wrap( 
    $('<div>').addClass('Entry') 
) 
.parent().appendTo('body') 

Answer 2

試試這個：

$('body').append(
    $('<div>').addClass('Entry').append(
    $('<div').text('My entry title') 
) 
);