克隆对象中的明文字段值

Question

我无法清除从 jQuery clone 函数创建的文本字段值。 我只是复制 add_new_content 内容并将该内容附加到最后一个 add_new_content 元素。效果很好。但以防万一，在文本字段中输入一些文本后单击 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

克隆后删除该值，例如。

var $clone = $('.add_new_content:last').clone();
$clone.find('input').val('');
$clone.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

您可以将克隆的<input> 元素与find() 匹配，并使用val() 重置其值：

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