Conflit entre .show() et .append() dans JQuery

Question

J'ai un div avec id="poidiv" dont display est initialement 'none'. Maintenant, je veux le charger plus d'une fois avec une boucle (la valeur maximale de la boucle est dynamique). Je l'ai essayé avec JQuery .append().clone().

Voici l'exemple code--

$(document).ready(function(){ 

    $("#levelnext").click(function(){ 
     for(i=1; i<=level; i++){ 
      $("#leveldiv").append($("#poidiv").clone().removeAttr("id")); 
     } 
    }); 
}); 

Mais parce que le display de "poidiv" était initialement 'none', il ne semble pas avec ce morceau de code. Maintenant, si je veux l'afficher avec .show() avant le début de la boucle, la boucle ne fonctionne pas correctement. Quelle pourrait être une bonne solution dans cette situation?

Answer 1

Vous pouvez .show() dans la chaîne, comme ceci:

$("#leveldiv").append($("#poidiv").clone().removeAttr("id").show());