javascript - JQuery 中 .show() 和 .append() 之间的冲突

Question

我有一个 id="poidiv" 的 div，其 display 最初为 'none'。现在我想通过循环多次加载它(循环的最大值是动态的)。我用 JQuery .append().clone() 尝试过。

这是示例代码--

$(document).ready(function(){  

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

但是因为"poidiv"的display最初是'none'，所以它不会出现在这段代码中。现在，如果我想在循环开始之前用 .show() 显示它，则循环无法正常工作。在这种情况下什么是好的解决方案？

Answer 1

您可以.show()在链中，如下所示:

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