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

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

2 个答案: