ajouter un élément à un autre et les ajouter tous à un autre élément

Question

Je souhaite créer un div et ajouter un ul (avec une classe) et un h5 (avec du texte). puis, ajoutez ce div à un autre élément.

Je pense que ce code devrait le faire:

$("div").addClass("nice") 
    .append($("ul").addClass("myclass")) 
    .append($("h5").text("heading")) 
    .appendTo($("#another_div")); 

mais il ne fonctionne pas et plantages navigateur!

Comment? (Je sais que je peux utiliser $("div").html(), mais je ne l'aime pas!)

Merci.

Answer 1

Votre problème est qu'en utilisant "div" et "ul" comme sélecteurs, jQuery recherche le dom au lieu de créer des éléments. Essayez ceci:

$("<div></div>").addClass("nice") 
    .append($("<ul></ul>").addClass("myclass")) 
    .append($("<h5></h5>").text("heading")) 
    .appendTo($("#another_div")); 

Answer 2

Un exemple concret: http://jsfiddle.net/kzLmp/

$(function(){ 
    $("<div>").addClass("nice") 
    .append($("<ul>").addClass("myclass")) 
    .append($("<h5>").text("heading")) 
    .appendTo($("#another_div")); 
});