Fixed wrapping of elements that hold text nodes. Thanks to David Flanagan for the...
authorJohn Resig <jeresig@gmail.com>
Tue, 14 Jul 2009 23:28:07 +0000 (23:28 +0000)
committerJohn Resig <jeresig@gmail.com>
Tue, 14 Jul 2009 23:28:07 +0000 (23:28 +0000)
src/manipulation.js
test/unit/manipulation.js

index 57b607a..b5ace4d 100644 (file)
@@ -32,7 +32,7 @@ jQuery.fn.extend({
                        wrap.map(function(){
                                var elem = this;
 
-                               while ( elem.firstChild )
+                               while ( elem.firstChild && elem.firstChild.nodeType === 1 )
                                        elem = elem.firstChild;
 
                                return elem;
index d8dbca9..ca185a4 100644 (file)
@@ -10,7 +10,7 @@ test("text()", function() {
 });
 
 var testWrap = function(val) {
-       expect(10);
+       expect(12);
        var defaultText = 'Try them out:'
        var result = jQuery('#first').wrap(val( '<div class="red"><span></span></div>' )).text();
        equals( defaultText, result, 'Check for wrapping of on-the-fly html' );
@@ -40,6 +40,11 @@ var testWrap = function(val) {
        j = jQuery("<label/>").wrap(val( "<li/>" ));
        equals( j[0].nodeName.toUpperCase(), "LABEL", "Element is a label" );
        equals( j[0].parentNode.nodeName.toUpperCase(), "LI", "Element has been wrapped" );
+
+       // Wrap an element containing a text node
+       j = jQuery("<span/>").wrap("<div>test</div>");
+       equals( j[0].previousSibling.nodeType, 3, "Make sure the previous node is a text element" );
+       equals( j[0].parentNode.nodeName.toUpperCase(), "DIV", "And that we're in the div element." );
 }
 
 test("wrap(String|Element)", function() {