How to destroy a DOM element with jQuery?
Suppose the jQuery object is $target.
Is $target.remove(); what you're looking for?
If you want to completely destroy the target, you have a couple of options. First you can remove the object from the DOM as described above...
console.log($target); // jQuery object $target.remove(); // remove target from the DOM console.log($target); // $target still exists
Option 1 - Then replace target with an empty jQuery object (jQuery 1.4+)
$target = $(); console.log($target); // empty jQuery object
Option 2 - Or delete the property entirely (will cause an error if you reference it elsewhere)
delete $target; console.log($target); // error: $target is not defined
You are looking for the .remove() function.