JQuery ajout de la classe à l'élément cloné

C'est mon script:

$('.addprop').click(function() {
        $('#clone').clone().insertAfter('.addprop');
    })

J'ai besoin d'ajouter une classe à l'élément nouveau qui est créé. Est-il possible?

OriginalL'auteur Tomarz | 2012-01-04

  1. 18

    Oui, c'est:

    $('.addprop').click(function() {
        $('#clone').clone().addClass('newClass').insertAfter('.addprop');
    })

    Bien que vous êtes le clonage d'un élément basé sur son id, $('#clone'), notez donc qu'il y aura deux éléments de partage de la même id, ce qui rend le résultat du code HTML non valide, donc je te suggère de:

    $('.addprop').click(function() {
        $('#clone').clone().attr('id',id += 1).addClass('newClass').insertAfter('.addprop');
    });

    Cela aura pour effet d'ajouter le nombre 1 à la fin de la fin de l'actuel id valeur. Pour le rendre plus dynamiques, vous auriez probablement besoin de se baser sur le nombre d'éléments de la nouvelle classe-nom:

    $('.addprop').click(function() {
        $('#clone').clone().attr('id',id += $('.newClass').length).addClass('newClass').insertAfter('.addprop');
    });

    OriginalL'auteur David Thomas

  2. 1

    Sûr.

    Après la .clone() méthode de la actuel élément est le clone..

    $('#clone').clone().addClass('class-name-here').insertAfter('.addprop');

    Avis

    vous aurez besoin de changer la id de les cloner comme il doit être unique dans les DOM et quand vous le clone de cet élément, l'id est cloné ainsi..

    Donc de mieux à faire quelque chose comme 

    $('#clone').clone().attr('id','newid').addClass('class-name-here').insertAfter('.addprop');

    OriginalL'auteur Gabriele Petrioli