Ticket #11019 (closed bug: invalid)
.empty() on an empty elment deletes siblings.
| Reported by: | John@… | Owned by: | |
|---|---|---|---|
| Priority: | low | Milestone: | None |
| Component: | manipulation | Version: | 1.7.1 |
| Keywords: | Cc: | ||
| Blocking: | Blocked by: |
Description
Suppose you have a truly empty tag:
<span id="foo"/>
If you call $('#foo').empty() it will delete everything AFTER the span within the same parent element.
If the span is defined like this: <span id="foo"></span> then it works correctly.
Tested on Firefox 8.0.1. Tested in jQuery 1.6.1 and 1.7.1.
Here is a simple sample:
<html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script> $(document).ready(function(){
$('#foo').empty();
}); </script> </head> <body> <span id="foo"/> This is after #foo. </body> </html>
Change History
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

Withdrawn. Turns out, on further inspection, that Firefox is doing something other than what you would expect. It is wrapping the span around the rest of the contents of the parent object.