JS实现排序功能.cpt
这里有现成例子,就不给你写了
中文按拼音首字母排序
//排序的方法,参数为表的id和列
function sortTable(table, idx) {
var otable = document.getElementById(table),
otody = otable.tBodies[0],
otr = otody.rows,
tarr = [];
for (var i = 1; i < otr.length; i++) {
tarr[i - 1] = otr[i];
};
if (otody.sortCol == idx) {
tarr.reverse();
} else {
tarr.sort(function (tr1, tr2) {
var value1 = tr1.cells[idx].innerHTML;
var value2 = tr2.cells[idx].innerHTML;
if (!isNaN(value1) && !isNaN(value2)) {
return value1 - value2;
} else {
return value1.localeCompare(value2);
}
})
}
var fragment = document.createDocumentFragment();
for (var i = 0; i < tarr.length; i++) {
fragment.appendChild(tarr[i]);
};
otody.appendChild(fragment);
otody.sortCol = idx;
}
//获取到页面中表头,设置点击事件
$("#r-0-0 td").bind("click",function(){
//获取到点击的列
var a=$(this).attr("col");
var text=$(this).text()
var num1=text.indexOf("↑")
var num2=text.indexOf("↓")
if(num1==-1&&num2==-1){$(this).text(text+"↑")}
else if (num1>0){
text=text.replace("↑","").replace("↓","")
$(this).text(text+"↓")
}
else if(num2>0){
text=text.replace("↑","").replace("↓","")
$(this).text(text+"↑")}
//调用排序的方法,进行传值,0是这个表的id,可以通过F12获取到表的id
sortTable('0',a);
});