クローンオブジェクトのクリアテキストフィールド値

Question

jQuery clone関数から作成されたテキストフィールド値をクリアするのに問題があります。 add_new_contentコンテンツをコピーしていて、最後のadd_new_content element.itを持つものを追加するだけです。しかし、テキストフィールドにテキストを入力した後にadd_new_boxをクリックすると意味します。それは入力値とクローン。私は新しいテキストフィールドが欲しい。アップ

<div class="add_new_content"> 
<div class="add_new_box">ADD NEW</div> 
<input type="text" value="" /> 
</div> 

マーク・スクリプト

$(document).ready(function(){ 

$(".add_new_box").live('click',function(){ 

$('.add_new_content:last').clone().appendTo('.add_new_content:last'); 

}); 

}); 

実施例は、私はそれを行うことができますどのようにHere

です。

Answer 1

あなたはfind()でクローン化された<input>要素にマッチし、val()とその値をリセットすることができます。

$('.add_new_content:last').clone() 
          .find("input:text").val("").end() 
          .appendTo('.add_new_content:last'); 

Answer 2

は、右の前の値を設定するか、またはあなたはそれを複製し、後。

$(document).ready(function(){ 

$(".add_new_box").live('click',function(){ 

var clone = $('.add_new_content:last').clone(); 
clone.find("input").val(""); 
clone.appendTo('.add_new_content:last'); 

}); 

}); 

Answer 3

たとえば、クローン後に値を削除します。

var $clone = $('.add_new_content:last').clone(); 
$clone.find('input').val(''); 
$clone.appendTo('.add_new_content:last');