javascript表格排序原理

代码：

var arr = new Array(
    3,2,6,1,5
)
var flag = true
function mySort(arr){
if(flag){
    arr = arr.sort(function(a,b){
        return a-b
    })
}else{
    arr = arr.sort(function(a,b){
        return b-a
    })
}
flag = !flag
return arr
}
mySort(arr)
console.log(arr)
mySort(arr)
console.log(arr)
mySort(arr)
console.log(arr)

输出：

[ 1, 2, 3, 5, 6 ]
[ 6, 5, 3, 2, 1 ]
[ 1, 2, 3, 5, 6 ]

原文地址：http://blog.51cto.com/12173069/2115727

时间： 2024-10-07 17:00:57

javascript表格排序原理的相关文章

javascript实现简单的table表格排序特效

javascript实现简单的table表格排序特效,在这个列子中,练习了table的操作,主要有:tBodies.rows.cells,还有有关数组的排序方法:sort javascript中有关table元素的属性.方法: 1.caption:保存着对<caption>元素(如果有)的指针 2.tBodies:是一个<tbody>元素的HTMLCollection 3.tFoot:保存着对<tfoot>元素(如果有)的指针 4.tHead:保存着对<thead

[Js]表格排序

思路:遍历每个li,病并把它们存放到数组中去,然后通过sort()方法进行排序 <body> <input type="button" value="排序按钮" id="btn1"> <ul id="ul1"> <li>58</li> <li>8</li> <li>31</

table排序，多个表格排序

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

html表格排序之完全详解

<!DOCTYPE HTML> <html> <head> <title> 表格排序 </title> <meta charset="utf-8"> <meta name="Generator" content="EditPlus"> <meta name="Author" content="t

使用jQuery UI 实现表格排序

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>表格排序</title> <link rel="stylesheet" href="jquery-ui-1.12.0/jquery-ui.css"></head> <body><table id="myTabl

ajax json 表格排序，分页，自定义每页数量

ajax json 表格排序,分页,自定义每页数量点击表头可以排序,按照升序或者降序,另外支持多列排序设置每页数量演示 XML/HTML Code <table id='example3'> <thead> <tr> <th>ID</th> <th>First name</th> <th>Last name</th> <th>Grade</th> <th>G

使用jquery的tablesorter插件进行表格排序

今天在学习bootstrap的时候,突然看见tablesorter这个东东了,立马百度了一下,发现了这个东东.. 下面说一下今天我在项目中看见前辈们用的表格排序 tablesorter的官方网站:http://tablesorter.com/docs/ 使用方法:1.下载tablesorter http://tablesorter.com/jquery.tablesorter.zip 2.解压文件,将jquery和jquery.tablesorter.min.js导入到项目文件中 3.修改htm

JS实现表格排序

今天有点闲,写个小东西,使用JS实现点击表格标题栏实现自动排序功能,嘻嘻... 一.JS代码,文件名为code.js如下: (function($){ //插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.rows; var trValue

jQuery表格排序组件-tablesorter

一.引入文件 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script>  <link href=