《jQuery、jQuery UI及jQuery Mobile技巧與示例》——3.11 技巧：使用clone()複制元素

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第3章，第3.11節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

如果說分離和重新添加元素隻是能夠移動它們，那麼怎樣用高效的方法來複制元素呢？為了滿足這種需求，jquery提供了clone()函數。代碼清單3-11示範了如何使用clone()函數來模拟在表單中重複添加元素。重複元素集是一個隐藏div的副本。

代碼清單3-11　使用clone()模拟在表單中添加重複元素

第53行調用clone()之前的代碼都非常簡單。在第54～58行，代碼篩選出input元素并更改了它們的name屬性值，以確定每個值在表單中都是唯一的。當送出這個表單的時候，結果看起來像是一組重複的元素。clone()函數還可以接受兩個額外的參數，使得克隆出來的元素能包含任何元素資料以及綁定事件的副本。兩個參數都是布爾類型的，第一個參數指是否複制被克隆元素的資料和綁定事件，第二個參數指是否複制被克隆元素的所有後代元素的資料和綁定事件1。