使用jQuery克隆函數克隆功能

Question

我想克隆div而沒有它的價值。到目前爲止，我嘗試過的所有東西都會複製這些值。

這裏是我的jQuery函數

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

Answer 1

這似乎是爲我工作的罰款：

$('#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>

Answer 2

假設你的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值不會更改。 希望這會幫助你。