Как удалить несколько элементов сразу?

Question

[Евгений Шевцов]

<script>
$(document).ready(function(){
	$('#add').click(function() {
	
		$('<input type="text" class="text_add" name="_from_where[]" id="_from_where" value="">').fadeIn('slow').appendTo('._from_where');
		$('<input type="text" class="text_add" name="_to_price[]" id="_to_price" value="">').fadeIn('slow').appendTo('._to_price');
		$('<input type="text" class="text_add" name="_to_where[]" id="_to_where" value="">').fadeIn('slow').appendTo('._to_where');
	
	});

		$('#remove').click(function() {
	
		$('.text_add:last()').remove();
		 

	});


});

</script>

Есть вот такой скрипт.
add добавляет 3 элемента, а вот remove , удаляет по очереди каждый, но по одному. Так вот и вопрос - как сделать, чтобы удалялись три последних?

Answer 1

[Андрей Малиновский]

Вам поможет функция arrayObj.pop()
Описание функции
Пример решения вашей проблемы

Answer 2

[Андрей Голуменов]

$('.text_add').remove();

Comments

[Евгений Шевцов]

я же говорю. Три последних, а не все.=)

[Андрей Голуменов]

for (var i=0;i<3;i++) {
$('.text_add:last()').remove();
}

[Евгений Шевцов]

Неа. Не работает.

Answer 3

[Bziks]

var size = $('.text_add').length(),
  del_count = Number(size) - 3;

for (var i = $('.text_add').length(); i > del_count; i--) {
  $('.text_add').eq(i).remove();
}

Comments

[aen]

И зачем же вы на каждой итерации поиск по DOM делаете? Кешируйте $('.text_add').

[Алексей Lepshiz]

Это бредокод, уж не обижайтесь. DOM методы jq и так проходятся по коллекции и вызываются для отдельных нод. Если нужно фильтровать коллекцию, есть метод .filter().

$('.text_add').filter(/* jq селектор или функция для фильтрации */).remove();

[Bziks]

@Lepshiz: Благодарю за новую информацию, не знал о таком.

Answer 4

[Алексей Lepshiz]

Тут все описано jquery.page2page.ru/index.php5/%D0%AD%D0%BB%D0%B5%...