HTML：
1
字符串数组排序前
2
3
排序后
4
jquery：
var animals = ['dog','cat','tiger','pig','bird'];
$('#show5').html(animals.join('
'));
animals = animals.sort();
$('#show6').html(animals.join('
'));
显示结果：
字符串数组排序前
dog
cat
tiger
pig
bird
排序后
bird
cat
dog
pig
tiger
如果数组换成了数值数组呢？结果会什么怎么样的？
如下：
HTML：
View Code
jquery：
ar nums = ['12','2','5','36','4'];
$('#show7').html(nums.join('
'));
nums = nums.sort();
$('#show8').html(nums.join('
'));
显示结果：
数值数组排序前
12
2
5
36
4
排序后
12
2
36
4
5
很明显，数值数组最后的排序结果不是我们想要的。这是为什么呢？ 因为sort()方法排序，是基于ASCII值进行排序的。故它会认为36小于4（因为3的ASCII值小于4的ASCII值）。所以要对排序的sort()方法定义一个比较函数:
jquery：
ar nums = ['12','2','5','36','4'];
$('#show7').html(nums.join('
'));
//定义了sort的比较函数
nums = nums.sort(function(a,b){
return a-b;
});
$('#show8').html(nums.join('
'));
显示结果：
数值数组排序前
12
2
5
36
4
排序后
2
4
5
12
36
这才是我想要的结果！
知识点：
1,sort(function(a,b){return a-b;})对传入的一对值进行比较，然后返回的的值为：小于0，大于0，等于0；（大于0交换位置，反之则不）
* 当小于0时，说明b>a，故b的排序靠后（即不变）.
* 当大于0时，说明a>b，故a的排序靠后.
* 当等于0时，说明a=b，故不改变排序.
如果对数值数组的值进行降序排序。那么只要把返回的值改为b-a!
个人觉得这个方法包含了排序算法的实现过程
如此类代码：
// 升序
function upData(idx,ele){
var domList = $('#listCon p').get();
domList.sort(function(a,b){
var elOne = $(a).find('span.pxClass').eq(idx).find('span').text();
var elTwo = $(b).find('span.pxClass').eq(idx).find('span').text();
if(elOne > elTwo) return 1;
if(elOne < elTwo) return -1;
return 0;
});
$('#listCon').html(domList);
}
// 降序
function downData(idx,ele){
var domList = $('#listCon p').get();
domList.sort(function(a,b){
var elOne = $(a).find('span.pxClass').eq(idx).find('span').text();
var elTwo = $(b).find('span.pxClass').eq(idx).find('span').text();
if(elOne > elTwo) return -1; //降序
if(elOne < elTwo) return 1;
return 0;
});
$('#listCon').html(domList);
}