javascript - Jquery 用输入字段（和相对值）克隆一个 div

Question

我必须复制一个有多个输入字段的 div。

    var a = $('#divscossalina1').html();
    $('#riepilogo').html(a);

如果我直接克隆输入字段，则相对值也会被克隆。如果我克隆容器 div，则不会发生这种情况。（字段被克隆但不是值）有没有办法用值克隆所有输入字段，只需克隆容器 div？（或者只写一个 clone() 函数而不是有多少字段。）

Answer 1

html:

<div id="one">
<input type="text" name="product" value="5" class="in" />
    <input type="text" name="product" value="6" class="in" />
        <input type="text" name="product" value="7" class="in" />    
 </div>
 <button id="button">Add field</button>

查询：

$('#button').click(function(){
    $('#one').clone().insertAfter("#one");
});

这甚至克隆了它们中的值，工作小提琴

Answer 2

在 jQuery 中，有一个名为“克隆”的方法。你可以阅读api：http ://api.jquery.com/clone/

$('riepilogo').html($('#divscossalina1').clone());

看看我的小提琴演示：http: //jsfiddle.net/bigxiang/533zU/

希望它有效:)