JqueryHTMLDOM排序插件(網(wǎng)頁(yè)元素排序插件)

1、/* * jquery html dom排序插件 v1.0 * 插件名稱：sort * 文件名：jquery.sort-1.0.js * 作者：wjy * email ： * 日期：2010-12 * 使用方法：$(#id).sort(order:desc,method:advance,type:string,sortitem:name,sortattr:class) * 參數(shù)選項(xiàng)說(shuō)明：* order: 排序順序，升序：asc、降序： desc * method: 簡(jiǎn)單排序： simply，高級(jí)排序：advance * type：數(shù)字排序： number，字符串排序：string * sort

2、item: 需要排序元素的class 名稱* sortele: 包含排序關(guān)鍵字的元素的class 名稱* sortattr: 排序關(guān)鍵字屬性名稱，若缺省，則用該元素的text 排序* * */ (function($) $.fn.sort = function(options) /默認(rèn)選項(xiàng)var defaults = order:desc, /升序 asc、降序 desc method:advance, /簡(jiǎn)單排序： simply，高級(jí)排序：advance type:string, /數(shù)字排序： number，字符串排序：string sortitem:, /需要排序元素的class名稱sor

3、tele:, sortattr: /排序關(guān)鍵字屬性 /排序方式標(biāo)識(shí)var order; /排序容器的jquery 對(duì)象var $sortobj; /選項(xiàng)融合var options = $.extend(defaults, options); /排序開(kāi)始return this.each(function() $sortobj = $(this); if(options.order = asc) order = -1; else order = 1; options.sortele = .+options.sortele; options.sortitem = .+options.sortitem

4、; if(options.method = simple) /調(diào)用選擇排序selectsort() else if(options.method = advance) /調(diào)用快速排序quicksort() else /默認(rèn)快速排序quicksort() ); /* * 以下為私有函數(shù)*/ /比較大小函數(shù)function compare(v1,v2) if(options.type = number) v1 = parsefloat(v1); v2 = parsefloat(v2); if(v1v2) return 1; else if(v1 = v2) return 0; else retur

5、n -1; /獲得單元格排序關(guān)鍵字function getkeyvalue($sortitem) if(options.sortattr = ) return $sortitem.find(options.sortele).text(); else return $sortitem.find(options.sortele).attr(options.sortattr); /選擇排序?qū)崿F(xiàn)函數(shù)function selectsort() var $sortitem = $sortobj.find(options.sortitem); var len = $sortitem.size(); for(

6、var i=0;i len-1;i+) /求極值var pos = i; for(var j = i+1; j0 ) pos = j; /交換if(compare(getkeyvalue($sortitem.eq(pos),getkeyvalue($sortitem.eq(i)*order0 ) var temp1 = $sortitem.eq(pos).clone(); var temp2 = $sortitem.eq(i).clone(); $sortitem.eq(pos).replacewith(temp2); $sortitem.eq(i).replacewith(temp1); /

7、下面這句很重要$sortitem = $sortobj.find(options.sortitem); /快速排序遞歸實(shí)現(xiàn)function doquicksort(left,right) var $sortitem = $sortobj.find(options.sortitem); var len = $sortitem.size(); var i,j,middle; i = left; j = right; middle = left; do while(compare(getkeyvalue($sortitem.eq(i),getkeyvalue($sortitem.eq(middle)

8、*order0) & (iright) i+;while(compare(getkeyvalue($sortitem.eq(j),getkeyvalue($sortitem.eq(middle)*orderleft) j-; if(i=j) var temp1 = $sortitem.eq(i).clone(); var temp2 = $sortitem.eq(j).clone(); $sortitem.eq(i).replacewith(temp2); $sortitem.eq(j).replacewith(temp1); /下面這句很重要$sortitem = $sortobj.find(options.sortitem); i+; j-; /alert($sortitem.eq(1).html(); while(i=j); if(lefti) doquicksort(i,right); function quicksort() doquicksort(0,$sortobj.find(opt