Как уничтожить элемент DOM с помощью jQuery?

Предположим, что объект jQuery есть $target.

Это $target.remove();то, что вы ищете?

https://api.jquery.com/remove/

Если вы хотите полностью уничтожить цель, у вас есть несколько вариантов. Сначала вы можете удалить объект из DOM, как описано выше ...

console.log($target);   // jQuery object
$target.remove();       // remove target from the DOM
console.log($target);   // $target still exists

Вариант 1. Затем замените цель пустым объектом jQuery (jQuery 1.4+)

$target = $();
console.log($target);   // empty jQuery object

Вариант 2 - Или полностью удалите свойство (приведет к ошибке, если вы укажете на него в другом месте)

delete $target;
console.log($target);   // error: $target is not defined

Дополнительная литература: информация о пустом объекте jQuery и информация об удалении

Вы ищете .remove()функцию.

http://docs.jquery.com/Manipulation/remove

Не уверен, что это только я, но использование .remove () не работает, если вы выбираете по идентификатору.

Пример: $ ("# мой-элемент"). Remove ();

Мне пришлось использовать вместо этого класс элемента, иначе ничего не произошло.

Пример: $ (". Мой-элемент"). Remove ();