如何使用jQuery销毁DOM元素？

Question

假设jQuery对象是$target。

Answer 1

$target.remove();您要找的是什么？

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

Answer 2

如果你想完全销毁目标，你有几个选择。首先，您可以如上所述从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

更多阅读：info about empty jQuery object和info about delete

Answer 3

您正在寻找.remove()功能。

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

Answer 4

不确定是不是我自己，但是如果按ID选择，使用.remove（）似乎无效。

例如：$（“＃my-element”）。remove（）;

我不得不改用元素的类，否则什么也没发生。

例如：$（“。my-element”）。remove（）;