使用jquery从上到下生成HTML的简单方法答案

【问题标题】：An easy way to generate HTML from top to bottom using jquery使用jquery从上到下生成HTML的简单方法
【发布时间】：2009-10-22 04:27:43
【问题描述】：

我正在尝试处理 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 简化上面的代码？

【问题讨论】：

标签： jquery html dom

【解决方案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')

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：