js冒泡排序法
2013-03-08 15:25
204 查看
css代码:
js代码:
html代码:
最后还得加上这个<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
*{margin:0;padding:0;} .gaga_tb{margin:30px;} .gaga_tb tr th,.gaga_tb tr td{height:30px;border:1px solid #ccc;text-align:center;}
js代码:
function gaga_x(arr,e){ // 冒泡法 for(var i = 0;i<arr.length;i++){ for(var j = i;j<arr.length;j++){ function fengz(){ var temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; var temp1 = $(tb_tr).eq(i).html(); $(tb_tr).eq(i).html( $(tb_tr).eq(j).html() ); $(tb_tr).eq(j).html(temp1); } if(e){ if( arr[i] < arr[j] ){ fengz(); } }else{ if( arr[i] > arr[j] ){ fengz(); }; }; }; }; }; var tb_tr = $(".gaga_tb tr"); var arr = new Array($(tb_tr).length); for(var i = 0 ;i < $(tb_tr).length;i++){ arr[i] = $(tb_tr).eq(i).find("td:last").text() -0; // 查找到最后一个td里面的内容 转换为number类型 } $(function(){ $(".gaga input").click(function(){ if( $(this).hasClass("big") ){ gaga_x(arr,"big"); }else{ gaga_x(arr); } }); });
html代码:
<div class="gaga" id="gaga"> <input type="button" value="从大到小排序" class="big" /> <input type="button" value="从小到大排序" class="small" /> <table class="gaga_tb" width="30%"> <tr> <th>尜尜</th> <th>尜尜</th> <th>尜尜</th> <th>尜尜</th> <th>序号</th> </tr> <tr> <td>尜尜</td> <td>尜尜</td> <td>尜尜</td> <td>尜尜</td> <td>105</td> </tr> <tr> <td>尜尜</td> <td>尜尜</td> <td>尜尜</td> <td>尜尜</td> <td>5</td> </tr> <tr> <td>gaga</td> <td>12sfds</td> <td>12sfds</td> <td>12sfds</td> <td>30</td> </tr> <tr> <td>czvca</td> <td>12sfds</td> <td>12sfds</td> <td>12sfds</td> <td>2</td> </tr> <tr> <td>vczvcz</td> <td>12sfds</td> <td>asf</td> <td>12sfds</td> <td>80</td> </tr> <tr> <td>12sfds</td> <td>12s12f45a4fdsafds</td> <td>12sfds</td> <td>12sfds</td> <td>20</td> </tr> </table> </div>
最后还得加上这个<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
相关文章推荐
- js冒泡排序法
- JS编写冒泡排序法和二分查找
- 在js中的改进版的冒泡排序法 和 二分查找法
- JS数组的冒泡排序法
- js基本算法--冒泡排序法、快速排序法、插入排序法、二分查找法(递归、非递归)
- js 冒泡排序法
- js 冒泡排序法,及双冒泡法
- JavaScript排序算法之深入理解冒泡排序法,不使用js内置sort()方法实现升序降序排序
- js基本语法--排序,冒泡排序法
- Js字符串操作函数大全
- 今天用js做拉一个时钟
- JS巧妙获取剪贴板数据--Excel数据的粘贴
- 转载js
- js的引号多级嵌套 收藏
- js showModalDialog应用实例
- js 仿商城分类目录
- 关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
- 原创:仿AspNetPager写的JS分页控件,适合ajax调用
- js中escape()函数和unescape()函数的功能
- js 网页大小