使用jQuery克隆函数克隆功能

-3

我想克隆div而没有它的价值。到目前为止，我尝试过的所有东西都会复制这些值。使用jQuery克隆函数克隆功能

这里是我的jQuery函数

$('#add_more').click(function(){ 
    $('#div_to_clone).clone().insertBefore('#add_more').find('input').val(''); 
});

来源

2016-07-31 Ajit Das

我想克隆做它所说的那样，克隆...如果您想对克隆 –

进行更改，请清除克隆中的值，请添加您的** div_to_clone **代码以获得更好的清除。 –

其工作正常，你有那里只是错字 - '$（'＃div_to_clone）'应该是'$（'＃div_to_clone'）'。 – Legionar

这似乎是为我工作的罚款：

$('#add_more').click(function() { 
 
    $('#div_to_clone').clone().insertBefore('#add_more').find('input').val(''); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<div id="div_to_clone"> 
 
    <input type="text" /> 
 
</div> 
 
<a href="#" id="add_more">Add more</a>

好吧，我建议你改变你的id到class自id属性的值在整个页面中应该是唯一的。由于ID重复，您可能会在某些浏览器中发现问题。

$('#add_more').click(function() { 
 
    $('.div_to_clone:first').clone().insertBefore('#add_more').find('input').val(''); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<div class="div_to_clone"> 
 
    <input type="text" /> 
 
</div> 
 
<a href="#" id="add_more">Add more</a>

来源

2016-07-31 05:03:27

是的TY所有的帮助..好像我的浏览器有一些缓存问题:) –

-1

假设你的HTML代码与此类似。

<div class="ContainerDiv"> 
<div id=ClonethisDiv><input class="InputTxtBox" type="text" /></div> 
</div> 
<a href="#">clone</a>

现在， $("body").on("click", "a", function() { $("#ClonethisDiv").clone().appendTo(".ContainerDiv").find(".InputTxtBox").val(""); });

因此上点击，锚标记ü将能够获得股利的副本使用id = 'ClonethisDiv' 和追加到div容器。在这里克隆（复制）输入元素与一个类'.InputTxtBox'，将被清空，并得到复制。别担心！已附加到容器Div的TextBox值不会更改。希望这会帮助你。

来源

2016-07-31 05:39:09 rajiv

使用jQuery克隆函数克隆功能

回答

相关问题