Jquery使用输入字段(和相对值)克隆div

时间:2013-09-01 14:10:35

标签: javascript jquery clone

我必须复制一个div,其中有多个输入字段。

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

如果我直接克隆输入字段,也会克隆相对值。 如果我克隆容器div,则不会发生这种情况。(字段是克隆的,但不是值) 有没有办法用值克隆所有输入字段,只需克隆容器div?(或者更确切地说  只写一个clone()函数而不是多少个字段。)

2 个答案:

答案 0 :(得分:2)

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>

JQuery的:

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

这甚至克隆了它们中的值,工作Fiddle

答案 1 :(得分:0)

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

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

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

希望它有效:)