Comment faire pour supprimer les éléments d'origine après qu'il a été cloné?

HTML:

<div id="test">
    <p class="test1">test 1</p>
    <p class="test2">test 2</p>
    <p class="test3">test 3</p>
    <p class="test4">test 4</p>
</div>

<div class="clickdiv">click</div>

jQuery

$('.clickdiv').on('click', function(){
    $('.test1').clone().appendTo('#test');
}

Il en résultera une plus <p> avec class = "test1". Maintenant, comment puis-je supprimer l'original qui est premier?

$('.test1').appendTo('#test'); pas besoin de clone

OriginalL'auteur Bhojendra Rauniyar | 2013-09-11

  1. 15

    Je ne sais pas pourquoi vous ne pouvez pas ajouter l'élément à la mère, au lieu de clonage-il alors de l'enlever.

    De toute façon

    $('.test1').remove().clone().appendTo('#test');

    Démo: Violon

    Si vous voulez copier les données et les gestionnaires associés à test1 le clone puis @ra_htial avec un changement mineur doivent être utilisés

    $('.clickdiv').on('click', function () {
    var $el = $('.test1');
    $el.clone(true).appendTo('#test');
    $el.remove();
});

    Démo: Violon

    api.jquery.com/detach
    lorsque vous cliquez sur nouveau, cela ne fonctionnera pas. c'est l'élément cloné n'a pas la classe?
    parce que .test1 est déjà au fond de son parent, append ne pas faire quelque chose
    Vous pouvez toujours utiliser end(). C'est assez pratique, mais souvent ne sont pas utilisés. Mais vous devriez certainement aller avec A. Wolff's commentaire
    J'ai essayé les deux méthodes, mais pas ce que mon curseur est en train de faire vous pouvez poster à propos de la fin ().

    OriginalL'auteur Arun P Johny

  2. 2
    $('.clickdiv').on('click', function(){
    var test1 =$('.test1');
    test1.clone().appendTo('#test');
    test1.remove();
}
    test1 est déjà un objet jQuery, de sorte que vous n'avez pas besoin de la passer à $() à nouveau
    Ya de vrai, de le mettre à jour.

    OriginalL'auteur trrrrrrm