Ajouter Div dynamiquement en utilisant JQuery

Je ne suis pas si sûr que ce serait la meilleure option.. Mais je veux l'option que lorsque l'utilisateur clique sur un bouton, il va ajouter un autre div ou li.

Je vais autoriser les utilisateurs à télécharger des documents, mais de multiples. J'aimerais pour l'utilisateur d'être en mesure de cliquer sur un bouton, et une nouvelle <div> ou <li> est généré avec code prédéfini. Est-ce possible?

Ici un violon..

http://jsfiddle.net/AHvwP/1/

source d'informationauteur JD Audi

  1. 11

    Votre exemple de mise à jour sur jsFiddle

    $("input[type=submit]").click(function(){
    $("<li />").html("item").appendTo("ul");
})

    Vous pouvez créer des éléments à l'aide de $("<tag />") et définir les attributs, ajouter des classes et ainsi de suite. Puis ajoutez si vous le souhaitez.

  2. 13

    Essayez ceci:

    $('.button').click(function() {
    $('#myContainer').append('<div>the new guy</div>');
});
  3. 2

    Vous pouvez ajouter un nouvel élément à un parent existant comme suit:

    sélectionnez l'élément à ajouter la nouvelle <div>/<li> et l'utilisation .append()

    $("#id").append("<div>foo</div>");

    http://api.jquery.com/append/

    Alternativement, vous pouvez utiliser le .html()

    http://api.jquery.com/html/

  4. 1

    Si c'est pour permettre de multiples téléchargements de fichiers, avez-vous envisagé d'utiliser quelque chose comme http://www.uploadify.com/ le plugin jQuery? Il permet de multiples téléchargements de fichiers à partir d'une fenêtre de dialogue vous n'avez pas besoin de s'inquiéter à ce sujet.

  5. 0

    $("input[type=submit]").cliquez sur(function(){
    $("").html("point").appendTo("ul");
    })

    Vous pouvez créer des éléments à l'aide de $("") et de définir les attributs, ajouter des classes et ainsi de suite. Puis ajoutez si vous le souhaitez.