Fixes #8129. Fix cloning multiple selected options in IE8.
[jquery.git] / src / manipulation.js
1 (function( jQuery ) {
2
3 var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
4         rleadingWhitespace = /^\s+/,
5         rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
6         rtagName = /<([\w:]+)/,
7         rtbody = /<tbody/i,
8         rhtml = /<|&#?\w+;/,
9         rnocache = /<(?:script|object|embed|option|style)/i,
10         // checked="checked" or checked (html5)
11         rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
12         wrapMap = {
13                 option: [ 1, "<select multiple='multiple'>", "</select>" ],
14                 legend: [ 1, "<fieldset>", "</fieldset>" ],
15                 thead: [ 1, "<table>", "</table>" ],
16                 tr: [ 2, "<table><tbody>", "</tbody></table>" ],
17                 td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
18                 col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
19                 area: [ 1, "<map>", "</map>" ],
20                 _default: [ 0, "", "" ]
21         };
22
23 wrapMap.optgroup = wrapMap.option;
24 wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
25 wrapMap.th = wrapMap.td;
26
27 // IE can't serialize <link> and <script> tags normally
28 if ( !jQuery.support.htmlSerialize ) {
29         wrapMap._default = [ 1, "div<div>", "</div>" ];
30 }
31
32 jQuery.fn.extend({
33         text: function( text ) {
34                 if ( jQuery.isFunction(text) ) {
35                         return this.each(function(i) {
36                                 var self = jQuery( this );
37
38                                 self.text( text.call(this, i, self.text()) );
39                         });
40                 }
41
42                 if ( typeof text !== "object" && text !== undefined ) {
43                         return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
44                 }
45
46                 return jQuery.text( this );
47         },
48
49         wrapAll: function( html ) {
50                 if ( jQuery.isFunction( html ) ) {
51                         return this.each(function(i) {
52                                 jQuery(this).wrapAll( html.call(this, i) );
53                         });
54                 }
55
56                 if ( this[0] ) {
57                         // The elements to wrap the target around
58                         var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
59
60                         if ( this[0].parentNode ) {
61                                 wrap.insertBefore( this[0] );
62                         }
63
64                         wrap.map(function() {
65                                 var elem = this;
66
67                                 while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
68                                         elem = elem.firstChild;
69                                 }
70
71                                 return elem;
72                         }).append(this);
73                 }
74
75                 return this;
76         },
77
78         wrapInner: function( html ) {
79                 if ( jQuery.isFunction( html ) ) {
80                         return this.each(function(i) {
81                                 jQuery(this).wrapInner( html.call(this, i) );
82                         });
83                 }
84
85                 return this.each(function() {
86                         var self = jQuery( this ),
87                                 contents = self.contents();
88
89                         if ( contents.length ) {
90                                 contents.wrapAll( html );
91
92                         } else {
93                                 self.append( html );
94                         }
95                 });
96         },
97
98         wrap: function( html ) {
99                 return this.each(function() {
100                         jQuery( this ).wrapAll( html );
101                 });
102         },
103
104         unwrap: function() {
105                 return this.parent().each(function() {
106                         if ( !jQuery.nodeName( this, "body" ) ) {
107                                 jQuery( this ).replaceWith( this.childNodes );
108                         }
109                 }).end();
110         },
111
112         append: function() {
113                 return this.domManip(arguments, true, function( elem ) {
114                         if ( this.nodeType === 1 ) {
115                                 this.appendChild( elem );
116                         }
117                 });
118         },
119
120         prepend: function() {
121                 return this.domManip(arguments, true, function( elem ) {
122                         if ( this.nodeType === 1 ) {
123                                 this.insertBefore( elem, this.firstChild );
124                         }
125                 });
126         },
127
128         before: function() {
129                 if ( this[0] && this[0].parentNode ) {
130                         return this.domManip(arguments, false, function( elem ) {
131                                 this.parentNode.insertBefore( elem, this );
132                         });
133                 } else if ( arguments.length ) {
134                         var set = jQuery(arguments[0]);
135                         set.push.apply( set, this.toArray() );
136                         return this.pushStack( set, "before", arguments );
137                 }
138         },
139
140         after: function() {
141                 if ( this[0] && this[0].parentNode ) {
142                         return this.domManip(arguments, false, function( elem ) {
143                                 this.parentNode.insertBefore( elem, this.nextSibling );
144                         });
145                 } else if ( arguments.length ) {
146                         var set = this.pushStack( this, "after", arguments );
147                         set.push.apply( set, jQuery(arguments[0]).toArray() );
148                         return set;
149                 }
150         },
151
152         // keepData is for internal use only--do not document
153         remove: function( selector, keepData ) {
154                 for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
155                         if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
156                                 if ( !keepData && elem.nodeType === 1 ) {
157                                         jQuery.cleanData( elem.getElementsByTagName("*") );
158                                         jQuery.cleanData( [ elem ] );
159                                 }
160
161                                 if ( elem.parentNode ) {
162                                          elem.parentNode.removeChild( elem );
163                                 }
164                         }
165                 }
166
167                 return this;
168         },
169
170         empty: function() {
171                 for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
172                         // Remove element nodes and prevent memory leaks
173                         if ( elem.nodeType === 1 ) {
174                                 jQuery.cleanData( elem.getElementsByTagName("*") );
175                         }
176
177                         // Remove any remaining nodes
178                         while ( elem.firstChild ) {
179                                 elem.removeChild( elem.firstChild );
180                         }
181                 }
182
183                 return this;
184         },
185
186         clone: function( dataAndEvents, deepDataAndEvents ) {
187                 dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
188                 deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
189
190                 return this.map( function () {
191                         return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
192                 });
193         },
194
195         html: function( value ) {
196                 if ( value === undefined ) {
197                         return this[0] && this[0].nodeType === 1 ?
198                                 this[0].innerHTML.replace(rinlinejQuery, "") :
199                                 null;
200
201                 // See if we can take a shortcut and just use innerHTML
202                 } else if ( typeof value === "string" && !rnocache.test( value ) &&
203                         (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
204                         !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
205
206                         value = value.replace(rxhtmlTag, "<$1></$2>");
207
208                         try {
209                                 for ( var i = 0, l = this.length; i < l; i++ ) {
210                                         // Remove element nodes and prevent memory leaks
211                                         if ( this[i].nodeType === 1 ) {
212                                                 jQuery.cleanData( this[i].getElementsByTagName("*") );
213                                                 this[i].innerHTML = value;
214                                         }
215                                 }
216
217                         // If using innerHTML throws an exception, use the fallback method
218                         } catch(e) {
219                                 this.empty().append( value );
220                         }
221
222                 } else if ( jQuery.isFunction( value ) ) {
223                         this.each(function(i){
224                                 var self = jQuery( this );
225
226                                 self.html( value.call(this, i, self.html()) );
227                         });
228
229                 } else {
230                         this.empty().append( value );
231                 }
232
233                 return this;
234         },
235
236         replaceWith: function( value ) {
237                 if ( this[0] && this[0].parentNode ) {
238                         // Make sure that the elements are removed from the DOM before they are inserted
239                         // this can help fix replacing a parent with child elements
240                         if ( jQuery.isFunction( value ) ) {
241                                 return this.each(function(i) {
242                                         var self = jQuery(this), old = self.html();
243                                         self.replaceWith( value.call( this, i, old ) );
244                                 });
245                         }
246
247                         if ( typeof value !== "string" ) {
248                                 value = jQuery( value ).detach();
249                         }
250
251                         return this.each(function() {
252                                 var next = this.nextSibling,
253                                         parent = this.parentNode;
254
255                                 jQuery( this ).remove();
256
257                                 if ( next ) {
258                                         jQuery(next).before( value );
259                                 } else {
260                                         jQuery(parent).append( value );
261                                 }
262                         });
263                 } else {
264                         return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
265                 }
266         },
267
268         detach: function( selector ) {
269                 return this.remove( selector, true );
270         },
271
272         domManip: function( args, table, callback ) {
273                 var results, first, fragment, parent,
274                         value = args[0],
275                         scripts = [];
276
277                 // We can't cloneNode fragments that contain checked, in WebKit
278                 if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
279                         return this.each(function() {
280                                 jQuery(this).domManip( args, table, callback, true );
281                         });
282                 }
283
284                 if ( jQuery.isFunction(value) ) {
285                         return this.each(function(i) {
286                                 var self = jQuery(this);
287                                 args[0] = value.call(this, i, table ? self.html() : undefined);
288                                 self.domManip( args, table, callback );
289                         });
290                 }
291
292                 if ( this[0] ) {
293                         parent = value && value.parentNode;
294
295                         // If we're in a fragment, just use that instead of building a new one
296                         if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
297                                 results = { fragment: parent };
298
299                         } else {
300                                 results = jQuery.buildFragment( args, this, scripts );
301                         }
302
303                         fragment = results.fragment;
304
305                         if ( fragment.childNodes.length === 1 ) {
306                                 first = fragment = fragment.firstChild;
307                         } else {
308                                 first = fragment.firstChild;
309                         }
310
311                         if ( first ) {
312                                 table = table && jQuery.nodeName( first, "tr" );
313
314                                 for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
315                                         callback.call(
316                                                 table ?
317                                                         root(this[i], first) :
318                                                         this[i],
319                                                 // Make sure that we do not leak memory by inadvertently discarding
320                                                 // the original fragment (which might have attached data) instead of
321                                                 // using it; in addition, use the original fragment object for the last
322                                                 // item instead of first because it can end up being emptied incorrectly
323                                                 // in certain situations (Bug #8070).
324                                                 // Fragments from the fragment cache must always be cloned and never used
325                                                 // in place.
326                                                 results.cacheable || (l > 1 && i < lastIndex) ?
327                                                         jQuery.clone( fragment, true, true ) :
328                                                         fragment
329                                         );
330                                 }
331                         }
332
333                         if ( scripts.length ) {
334                                 jQuery.each( scripts, evalScript );
335                         }
336                 }
337
338                 return this;
339         }
340 });
341
342 function root( elem, cur ) {
343         return jQuery.nodeName(elem, "table") ?
344                 (elem.getElementsByTagName("tbody")[0] ||
345                 elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
346                 elem;
347 }
348
349 function cloneCopyEvent( src, dest ) {
350
351         if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
352                 return;
353         }
354
355         var internalKey = jQuery.expando,
356                         oldData = jQuery.data( src ),
357                         curData = jQuery.data( dest, oldData );
358
359         // Switch to use the internal data object, if it exists, for the next
360         // stage of data copying
361         if ( (oldData = oldData[ internalKey ]) ) {
362                 var events = oldData.events;
363                                 curData = curData[ internalKey ] = jQuery.extend({}, oldData);
364
365                 if ( events ) {
366                         delete curData.handle;
367                         curData.events = {};
368
369                         for ( var type in events ) {
370                                 for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
371                                         jQuery.event.add( dest, type, events[ type ][ i ], events[ type ][ i ].data );
372                                 }
373                         }
374                 }
375         }
376 }
377
378 function cloneFixAttributes(src, dest) {
379         // We do not need to do anything for non-Elements
380         if ( dest.nodeType !== 1 ) {
381                 return;
382         }
383
384         var nodeName = dest.nodeName.toLowerCase();
385
386         // clearAttributes removes the attributes, which we don't want,
387         // but also removes the attachEvent events, which we *do* want
388         dest.clearAttributes();
389
390         // mergeAttributes, in contrast, only merges back on the
391         // original attributes, not the events
392         dest.mergeAttributes(src);
393
394         // IE6-8 fail to clone children inside object elements that use
395         // the proprietary classid attribute value (rather than the type
396         // attribute) to identify the type of content to display
397         if ( nodeName === "object" ) {
398                 dest.outerHTML = src.outerHTML;
399
400         } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
401                 // IE6-8 fails to persist the checked state of a cloned checkbox
402                 // or radio button. Worse, IE6-7 fail to give the cloned element
403                 // a checked appearance if the defaultChecked value isn't also set
404                 if ( src.checked ) {
405                         dest.defaultChecked = dest.checked = src.checked;
406                 }
407
408                 // IE6-7 get confused and end up setting the value of a cloned
409                 // checkbox/radio button to an empty string instead of "on"
410                 if ( dest.value !== src.value ) {
411                         dest.value = src.value;
412                 }
413
414         // IE6-8 fails to return the selected option to the default selected
415         // state when cloning options
416         } else if ( nodeName === "option" ) {
417                 dest.selected = src.defaultSelected;
418
419         // IE6-8 fails to set the defaultValue to the correct value when
420         // cloning other types of input fields
421         } else if ( nodeName === "input" || nodeName === "textarea" ) {
422                 dest.defaultValue = src.defaultValue;
423         }
424
425         // Event data gets referenced instead of copied if the expando
426         // gets copied too
427         dest.removeAttribute( jQuery.expando );
428 }
429
430 jQuery.buildFragment = function( args, nodes, scripts ) {
431         var fragment, cacheable, cacheresults,
432                 doc = (nodes && nodes[0] ? nodes[0].ownerDocument || nodes[0] : document);
433
434         // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
435         // Cloning options loses the selected state, so don't cache them
436         // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
437         // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
438         if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
439                 args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
440
441                 cacheable = true;
442                 cacheresults = jQuery.fragments[ args[0] ];
443                 if ( cacheresults ) {
444                         if ( cacheresults !== 1 ) {
445                                 fragment = cacheresults;
446                         }
447                 }
448         }
449
450         if ( !fragment ) {
451                 fragment = doc.createDocumentFragment();
452                 jQuery.clean( args, doc, fragment, scripts );
453         }
454
455         if ( cacheable ) {
456                 jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
457         }
458
459         return { fragment: fragment, cacheable: cacheable };
460 };
461
462 jQuery.fragments = {};
463
464 jQuery.each({
465         appendTo: "append",
466         prependTo: "prepend",
467         insertBefore: "before",
468         insertAfter: "after",
469         replaceAll: "replaceWith"
470 }, function( name, original ) {
471         jQuery.fn[ name ] = function( selector ) {
472                 var ret = [],
473                         insert = jQuery( selector ),
474                         parent = this.length === 1 && this[0].parentNode;
475
476                 if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
477                         insert[ original ]( this[0] );
478                         return this;
479
480                 } else {
481                         for ( var i = 0, l = insert.length; i < l; i++ ) {
482                                 var elems = (i > 0 ? this.clone(true) : this).get();
483                                 jQuery( insert[i] )[ original ]( elems );
484                                 ret = ret.concat( elems );
485                         }
486
487                         return this.pushStack( ret, name, insert.selector );
488                 }
489         };
490 });
491
492 jQuery.extend({
493         clone: function( elem, dataAndEvents, deepDataAndEvents ) {
494                 var clone = elem.cloneNode(true),
495                                 srcElements,
496                                 destElements,
497                                 i;
498
499                 if ( !jQuery.support.noCloneEvent && (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
500                         // IE copies events bound via attachEvent when using cloneNode.
501                         // Calling detachEvent on the clone will also remove the events
502                         // from the original. In order to get around this, we use some
503                         // proprietary methods to clear the events. Thanks to MooTools
504                         // guys for this hotness.
505
506                         cloneFixAttributes( elem, clone );
507
508                         // Using Sizzle here is crazy slow, so we use getElementsByTagName
509                         // instead
510                         srcElements = elem.getElementsByTagName("*");
511                         destElements = clone.getElementsByTagName("*");
512
513                         // Weird iteration because IE will replace the length property
514                         // with an element if you are cloning the body and one of the
515                         // elements on the page has a name or id of "length"
516                         for ( i = 0; srcElements[i]; ++i ) {
517                                 cloneFixAttributes( srcElements[i], destElements[i] );
518                         }
519                 }
520
521                 // Copy the events from the original to the clone
522                 if ( dataAndEvents ) {
523
524                         cloneCopyEvent( elem, clone );
525
526                         if ( deepDataAndEvents && "getElementsByTagName" in elem ) {
527
528                                 srcElements = elem.getElementsByTagName("*");
529                                 destElements = clone.getElementsByTagName("*");
530
531                                 if ( srcElements.length ) {
532                                         for ( i = 0; srcElements[i]; ++i ) {
533                                                 cloneCopyEvent( srcElements[i], destElements[i] );
534                                         }
535                                 }
536                         }
537                 }
538                 // Return the cloned set
539                 return clone;
540   },
541         clean: function( elems, context, fragment, scripts ) {
542                 context = context || document;
543
544                 // !context.createElement fails in IE with an error but returns typeof 'object'
545                 if ( typeof context.createElement === "undefined" ) {
546                         context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
547                 }
548
549                 var ret = [];
550
551                 for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
552                         if ( typeof elem === "number" ) {
553                                 elem += "";
554                         }
555
556                         if ( !elem ) {
557                                 continue;
558                         }
559
560                         // Convert html string into DOM nodes
561                         if ( typeof elem === "string" && !rhtml.test( elem ) ) {
562                                 elem = context.createTextNode( elem );
563
564                         } else if ( typeof elem === "string" ) {
565                                 // Fix "XHTML"-style tags in all browsers
566                                 elem = elem.replace(rxhtmlTag, "<$1></$2>");
567
568                                 // Trim whitespace, otherwise indexOf won't work as expected
569                                 var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
570                                         wrap = wrapMap[ tag ] || wrapMap._default,
571                                         depth = wrap[0],
572                                         div = context.createElement("div");
573
574                                 // Go to html and back, then peel off extra wrappers
575                                 div.innerHTML = wrap[1] + elem + wrap[2];
576
577                                 // Move to the right depth
578                                 while ( depth-- ) {
579                                         div = div.lastChild;
580                                 }
581
582                                 // Remove IE's autoinserted <tbody> from table fragments
583                                 if ( !jQuery.support.tbody ) {
584
585                                         // String was a <table>, *may* have spurious <tbody>
586                                         var hasBody = rtbody.test(elem),
587                                                 tbody = tag === "table" && !hasBody ?
588                                                         div.firstChild && div.firstChild.childNodes :
589
590                                                         // String was a bare <thead> or <tfoot>
591                                                         wrap[1] === "<table>" && !hasBody ?
592                                                                 div.childNodes :
593                                                                 [];
594
595                                         for ( var j = tbody.length - 1; j >= 0 ; --j ) {
596                                                 if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
597                                                         tbody[ j ].parentNode.removeChild( tbody[ j ] );
598                                                 }
599                                         }
600
601                                 }
602
603                                 // IE completely kills leading whitespace when innerHTML is used
604                                 if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
605                                         div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
606                                 }
607
608                                 elem = div.childNodes;
609                         }
610
611                         if ( elem.nodeType ) {
612                                 ret.push( elem );
613                         } else {
614                                 ret = jQuery.merge( ret, elem );
615                         }
616                 }
617
618                 if ( fragment ) {
619                         for ( i = 0; ret[i]; i++ ) {
620                                 if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
621                                         scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
622
623                                 } else {
624                                         if ( ret[i].nodeType === 1 ) {
625                                                 ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
626                                         }
627                                         fragment.appendChild( ret[i] );
628                                 }
629                         }
630                 }
631
632                 return ret;
633         },
634
635         cleanData: function( elems ) {
636                 var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
637                         deleteExpando = jQuery.support.deleteExpando;
638
639                 for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
640                         if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
641                                 continue;
642                         }
643
644                         id = elem[ jQuery.expando ];
645
646                         if ( id ) {
647                                 data = cache[ id ] && cache[ id ][ internalKey ];
648
649                                 if ( data && data.events ) {
650                                         for ( var type in data.events ) {
651                                                 if ( special[ type ] ) {
652                                                         jQuery.event.remove( elem, type );
653
654                                                 // This is a shortcut to avoid jQuery.event.remove's overhead
655                                                 } else {
656                                                         jQuery.removeEvent( elem, type, data.handle );
657                                                 }
658                                         }
659
660                                         // Null the DOM reference to avoid IE6/7/8 leak (#7054)
661                                         if ( data.handle ) {
662                                                 data.handle.elem = null;
663                                         }
664                                 }
665
666                                 if ( deleteExpando ) {
667                                         delete elem[ jQuery.expando ];
668
669                                 } else if ( elem.removeAttribute ) {
670                                         elem.removeAttribute( jQuery.expando );
671                                 }
672
673                                 delete cache[ id ];
674                         }
675                 }
676         }
677 });
678
679 function evalScript( i, elem ) {
680         if ( elem.src ) {
681                 jQuery.ajax({
682                         url: elem.src,
683                         async: false,
684                         dataType: "script"
685                 });
686         } else {
687                 jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
688         }
689
690         if ( elem.parentNode ) {
691                 elem.parentNode.removeChild( elem );
692         }
693 }
694
695 })( jQuery );