重複的DIV indipendently jQuery中

我有以下HTML結構：重複的DIV indipendently jQuery中

<div collection> 
    <h2>Title</h2> 
</div> 

<hr> 

<div collection> 
    <h2>Title</h2> 
</div> 

<hr> 

<div collection> 
    <h2>Title</h2> 
</div>

我嘗試寫傳遞一個整數參數的函數，它會克隆自己下面的每個這些div的。因此，例如，如果我通過1，則不會有任何更改;與2，會有2個DIV，然後是其他內容，然後再2個DIV，等等。

這個問題很容易，因爲我可以只使用jQuery選擇器並克隆DIV，但它只適用於函數被調用一次。如果將來再次打算再次調用該函數，它將應用於「新」元素以及...我不知道如何繼續此操作。任何想法？

來源

2017-08-02 J. Doe

請包括所有相關的代碼 –

爲了讓我們在您的jQuery代碼註釋，你真的需要向我們展示了......你的jQuery代碼，所以請[編輯您的問題（https：//開頭計算器。 com/posts/45455257/edit）並添加它。 –

注意：''集合'不是['div' elements]的有效屬性（https://www.w3.org/TR/html5/grouping-content。 HTML＃的-DIV元素）。對於自定義數據值，請使用['data- *'attributes]（https://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-* -attributes）。 –

只要給克隆一個識別特徵，例如一個類，並在操作之前刪除它們。

來源

2017-08-02 08:19:08

我想到了，它確實有效！但是它會導致閃爍，因爲文檔的高度會改變幾毫秒。 –

@ J.Doe：所以只刪除你不想保留的克隆（如果數字正在下降），並添加任何你需要彌補的差異（如果數量正在增加）。 –

隧道視野....感謝很多人！ –

你可以給一些獨特ID或類你的DIV，那麼，當你複製它，不要這種獨特的屬性添加到新創建的元素。這將有助於您在第二次執行復制時識別原始元素。

<div collection id="title-div"> 
    <h2>Title</h2> 
</div>

來源

2017-08-02 08:21:43 Max

重複的DIV indipendently jQuery中

回答

相關問題