Удаление элементов
Для удаления элементов в jQuery существуют два метода:
.remove()
.detach()
Метод .remove()
удаляет элементы навсегда:
<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p class="www">Текст абзаца.</p>
<p>Текст абзаца.</p>
<script>
$('.www').remove('.www');
</script>
Метод .detach()
удаляет выбранные элементы с возможностью их восстановления.
Сначала удалим элемент #test
с помощью detach
, потом восстановим его в другом месте с помощью .appendTo
, это возможно, так как в переменной $elem
после удаления все равно осталась ссылка на него:
var $elem = $('#test');$elem.detach(); // Удаляем элемент
$elem.appendTo('body'); // Вставляем элемент обратно на страницу