Очистить значение текстового поля в объекте clone

У меня возникли проблемы с очисткой значения текстового поля, созданного с помощью функции 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>

Script

$(document).ready(function(){

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

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

});

});

Рабочий пример Здесь

Как я могу это сделать.

Ответ 1

Вы можете сопоставить клонированный элемент <input> с find() и reset его значение с помощью val():

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

Ответ 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');

});

});

Ответ 3

удалите значение после его клонирования, например.

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