Konflikt zwischen .show() und .append() in JQuery

Question

Ich habe ein div mit id="poidiv", dessen display'none' anfänglich ist. Jetzt möchte ich es mehr als einmal mit einer Schleife laden (der maximale Wert der Schleife ist dynamisch). Ich habe es mit JQuery .append().clone() versucht.

ist hier das Beispiel code--

$(document).ready(function(){ 

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

Aber weil die display von "poidiv" zunächst 'none' war, es nicht mit diesem Stück Code erscheinen. Jetzt, wenn ich es mit .show() vor dem Start der Schleife zeigen möchte, funktioniert die Schleife nicht auf eine gute Art und Weise. Was könnte in dieser Situation eine gute Lösung sein?

Answer 1

Sie können .show() in der Kette, wie folgt aus:?

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