Простой способ генерировать HTML сверху вниз, используя jquery

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

Я бы хотел использовать возможности парсинга HTML в jquery для упрощения кода. Но я не могу найти способ сделать это в 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')
  )
);