Only detach the incoming elements to replaceWith if they're DOM nodes. Fixes #5986.

This commit is contained in:
Noah Sloan 2010-02-01 21:48:05 -05:00 committed by jeresig
parent e76ba32ceb
commit 8660ea1ab6
2 changed files with 13 additions and 6 deletions

View file

@ -268,16 +268,17 @@ jQuery.fn.extend({
if ( this[0] && this[0].parentNode ) { if ( this[0] && this[0].parentNode ) {
// Make sure that the elements are removed from the DOM before they are inserted // Make sure that the elements are removed from the DOM before they are inserted
// this can help fix replacing a parent with child elements // this can help fix replacing a parent with child elements
if ( !jQuery.isFunction( value ) ) { if ( jQuery.isFunction( value ) ) {
value = jQuery( value ).detach();
} else {
return this.each(function(i) { return this.each(function(i) {
var self = jQuery(this), old = self.html(); var self = jQuery(this), old = self.html();
self.replaceWith( value.call( this, i, old ) ); self.replaceWith( value.call( this, i, old ) );
}); });
} }
if ( typeof value !== "string" ) {
value = jQuery(value).detach();
}
return this.each(function() { return this.each(function() {
var next = this.nextSibling, parent = this.parentNode; var next = this.nextSibling, parent = this.parentNode;

View file

@ -650,7 +650,7 @@ test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
}); });
var testReplaceWith = function(val) { var testReplaceWith = function(val) {
expect(15); expect(17);
jQuery('#yahoo').replaceWith(val( '<b id="replace">buga</b>' )); jQuery('#yahoo').replaceWith(val( '<b id="replace">buga</b>' ));
ok( jQuery("#replace")[0], 'Replace element with string' ); ok( jQuery("#replace")[0], 'Replace element with string' );
ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after string' ); ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after string' );
@ -660,6 +660,12 @@ var testReplaceWith = function(val) {
ok( jQuery("#first")[0], 'Replace element with element' ); ok( jQuery("#first")[0], 'Replace element with element' );
ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after element' ); ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after element' );
reset();
jQuery("#main").append('<div id="bar"><div id="baz">Foo</div></div>');
jQuery('#baz').replaceWith("Baz");
equals( jQuery("#bar").text(),"Baz", 'Replace element with text' );
ok( !jQuery("#baz")[0], 'Verify that original element is gone, after element' );
reset(); reset();
jQuery('#yahoo').replaceWith(val( [document.getElementById('first'), document.getElementById('mark')] )); jQuery('#yahoo').replaceWith(val( [document.getElementById('first'), document.getElementById('mark')] ));
ok( jQuery("#first")[0], 'Replace element with array of elements' ); ok( jQuery("#first")[0], 'Replace element with array of elements' );
@ -721,7 +727,7 @@ test("replaceWith(String|Element|Array&lt;Element&gt;|jQuery)", function() {
test("replaceWith(Function)", function() { test("replaceWith(Function)", function() {
testReplaceWith(functionReturningObj); testReplaceWith(functionReturningObj);
expect(16); expect(18);
var y = jQuery("#yahoo")[0]; var y = jQuery("#yahoo")[0];