原生JS表格排序,实现淘宝商品列按价格要求等排序!

如何使用原生JS实现点击表格标题栏实现按要求自动排序功能?今天就教大家实现这个功能,这个功能可应用再淘宝等电商网站,按要求,如价格重新对商品排序

这里我就以同学曾经去百度面试遇到的一道面试题为例子,要求是点击不同的科目,按点击科目的成绩重新排序。原生JS表格排序,实现淘宝商品列按价格要求等排序!_第1张图片

源码地址:http://download.csdn.net/detail/wcslb/9688040

HTML页面代码:


	
排名 姓名 语文 数学 外语 总和
李二狗 76 80 87
陈莲莲 98 43 78
Alien 90 53 86
陈晓瑞 80 43 87
高健 43 87 98
张媛媛 60 54 84
郑媛媛 34 34 67
秦优 54 87 87
陈书贞 65 87 67
陈杲 100 100 100
CSS代码:
JS代码方法一:
	 
JS代码方法二:
 

(我吃酸萝卜 新浪微博http://www.weibo.com/wcslb         ---李帅醒著)

你可能感兴趣的:(原生JS小案例)