jQueryでクローンを作成するクローン機能

Question

divを値なしで複製しようとしています。これまでに試したこともすべて、値をコピーします。

が

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

まあ、私はあなたがあなたのidclass以降に変更をお勧めします：ここで

は私のjQueryの機能

これは私のために正常に動作しているようだ

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

Answer 1

ですid属性の値は、ページ全体で一意である必要があります。重複したIDのため、一部のブラウザで問題が発生している可能性があります。あなたのhtmlコードはこれに似ていると仮定すると

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

。クリック、アンカータグのuは、ID =「ClonethisDiv」で本部のコピーを入手することができ、容器本部に添付さに故に

<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(""); });

。 クラス 'InputTxtBox'を持つ入力要素の複製（コピー）は空になり、コピーされます。心配ない！ TextBoxコンテナDivに既に追加されている値は変更されません。 これがあなたを助けてくれることを願っています。