Как при клонировании поля input очистить value?

Question

[Diversia]

Помогите пожалуйста очистить value у склонированного input. Сейчас если заполнить поле, а потом нажать кнопку, будет скопирован value в новый input:

<div class="title-list">
			<div class="form-group title-item">
				<input type="text" name="titleOther[]" class="form-control" placeholder="Название" maxlength="100" max="100">
			</div>
		</div>
		<p><button type="button" id="addTitle" class="btn btn-danger">Добавить еще</button></p>

<script type="text/javascript"> 
	$('#addTitle').click(function(){
		$(".title-item").clone().removeClass("title-item").appendTo(".title-list");
	});
</script>

Answer 1

[qpPeW]

$('input[type="text"]').val('');

Comments

[Diversia]

Artem Yur'evich это удалить во всех полях на странице, а нужно только у клонированного (добавляемого) поля очистить. А уже добавленные и заполненные не трогать.

[qpPeW]

Diversia:

var clone = $('.title-item').clone();
clone.find('[type=text]').val('');
clone.appendTo('.title-list');

[Diversia]

Artem Yur'evich: появляются дубли полей на 3-м поле

[qpPeW]

Diversia: я не Ванга, что бы видеть, что там у Вас появляется.
Научитесь выкладывать код на jsfiddle, либо показывайте результат/проблему другим способом.

[Diversia]

Artem Yur'evich: https://jsfiddle.net/2y418jbz/

[qpPeW]

Diversia: Все верно, у Вас же потом появляется несколько элементов с классом title-item, потому оно и копирует по несколько.
Если Вам нужен первый элемент, пропишите вот так

var clone = $('.title-item:first-child').clone();
clone.find('[type=text]').val('');
clone.appendTo('.title-list');

[Diversia]

Artem Yur'evich большое спасибо! Отлично!

Answer 2

[denism300]

$('input[type="text"]').attr('value', '');