(function(jQuery) { jQuery.extend(true, jQuery.fn, { /** * jQuery.fn.sortElements * -------------- * @param Function comparator: * Exactly the same behaviour as [1,2,3].sort(comparator) * * @param Function getSortable * A function that should return the element that is * to be sorted. The comparator will run on the * current collection, but you may want the actual * resulting sort to occur on a parent or another * associated element. * * E.g. $('td').sortElements({'comparator':"myComparator"}, function(){ * return this.parentNode; * }) * * The 's parent () will be sorted instead * of the itself. */ sortElements: function(config,getSortable){ var defaults = { "default" : function(a, b){ return jQuery(a).text() > jQuery(b).text() ? 1 : -1; }, "numeric" : function(a, b){ return parseInt(jQuery(a).text(), 10) > parseInt(jQuery(b).text(), 10) ? 1 : -1; }, "auto" : function(a, b){ a = jQuery(a).text(); b = jQuery(b).text(); return ( isNaN(a) || isNaN(b) ? a > b : +a > +b ) ? inverse ? -1 : 1 : inverse ? 1 : -1; } } config = config || {}; var inverse = config.inverse || false; var sort = [].sort; var comparator = defaults[config.comparator] || config.comparator || defaults['default']; var getSortable = getSortable || function(){return this;}; var placements = this.map(function(){ var sortElement = getSortable.call(this), parentNode = sortElement.parentNode, // Since the element itself will change position, we have // to have some way of storing its original position in // the DOM. The easiest way is to have a 'flag' node: nextSibling = parentNode.insertBefore( document.createTextNode(''), sortElement.nextSibling ); return function() { if (parentNode === this) { throw new Error( "You can't sort elements if any one is a descendant of another." ); } // Insert before flag: parentNode.insertBefore(this, nextSibling); // Remove flag: parentNode.removeChild(nextSibling); }; }); return sort.call(this, comparator).each(function(i){ placements[i].call(getSortable.call(this)); }) } }); })(jQuery);