Un moyen facile de générer du HTML de haut en bas en utilisant jquery

Question

J'essaye de traiter une réponse JSON et de générer du HTML à partir de celle-ci. Je voudrais construire HTML « haut en bas »:

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

Je voudrais utiliser les capacités de parsing HTML jquery pour simplifier le code. Mais je ne peux pas trouver un moyen de le faire dans jquery - sa méthode append renvoie l'objet appelant, mais pas celui créé, donc je vais devoir en faire un de plus pour l'obtenir. Donc, la question est - comment puis-je simplifier le code ci-dessus en utilisant jquery?

Answer 1

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

dans le sens inverse:

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

Answer 2

Essayez ceci:

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