`
shuai1234
  • 浏览: 933479 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

对象数组排序，利用jquery

 
阅读更多
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2.   
  3. <html>  
  4.   <head>  
  5.     <title>jQuery数组和字符串--对象数组排序</title>  
  6.     <script type="text/javascript" src="../jquery-1.3.2.min.js"></script>  
  7.   
  8.     <script type="text/javascript">  
  9.   
  10.     <!--  
  11.     $(  
  12.         function()  
  13.         {  
  14.             var students =[  
  15.                 {'sid':'ST001','sname':'张三','sage':18},  
  16.                 {'sid':'ST004','sname':'赵六','sage':23},  
  17.                 {'sid':'ST002','sname':'李四','sage':42},  
  18.                 {'sid':'ST003','sname':'王五','sage':35}  
  19.             ];  
  20.             //表格显示  
  21.             $.each(students,  
  22.                 function(index, value)  
  23.                 {  
  24.                     $('#ia').append('<tr><td>' + value.sid +   
  25.                         '</td><td>' + value.sname +   
  26.                         '</td><td>' + value.sage + '</td></tr>');  
  27.                 }  
  28.             );  
  29.             //按照SID排序  
  30.             var sidOrder = students.sort(  
  31.                 function(a, b)  
  32.                 {  
  33.                     if(a.sid < b.sid) return -1;  
  34.                     if(a.sid > b.sid) return 1;  
  35.                     return 0;  
  36.                 }  
  37.             );  
  38.             $.each(sidOrder,  
  39.                 function(index, value)  
  40.                 {  
  41.                     $('#ib').append('<tr><td>' + value.sid +  
  42.                         '</td><td>' + value.sname +   
  43.                         '</td><td>' + value.sage + '</td></tr>')  
  44.                 }  
  45.             );  
  46.             //按照SAGE排序  
  47.             var sageOrder = students.sort(  
  48.                 function(a, b)  
  49.                 {  
  50.                     return (a.sage - b.sage);  
  51.                 }  
  52.             );  
  53.             $.each(sageOrder,  
  54.                 function(index, value)  
  55.                 {  
  56.                     $('#ic').append('<tr><td>' + value.sid +  
  57.                         '</td><td>' + value.sname +   
  58.                         '</td><td>' + value.sage + '</td></tr>')  
  59.                 }  
  60.             );  
  61.         }  
  62.     );  
  63.     //-->  
  64.     </script>  
  65.   </head>  
  66.   <body>  
  67.     <h5>未排序对象数组：</h5>  
  68.     <table id='ia' border="1"></table>  
  69.   
  70.     <h5>按照SID排序对象数组：</h5>  
  71.     <table id='ib' border="1"></table>  
  72.   
  73.     <h5>按照SAGE排序对象数组：</h5>  
  74.     <table id='ic' border="1"></table>  
  75.   
  76.   </body>  
  77. </html>
分享到：
| HTML 5 学习之应用程序缓存
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    利用jQuery对无序列表排序的简单方法

    利用jQuery对无序列表排序的原理是：获取到无序列表中的所有列表项，并转成数组形式，使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript...

    jQuery实现对无序列表的排序功能(附demo源码下载)

    利用jQuery对无序列表排序的原理是：获取到无序列表中的所有列表项，并转成数组形式，使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript...

    jQuery攻略.pdf

    只显示所需的数据 19 2.4 字符串数组和数值数组的排序 22 2.5 拆分数组 24 2.6 合并数组 26 2.7 把数值数组转换成字符串，并查找其子字符串 27 2.8 创建对象数组 28 2.9 为对象数组排序 30 2.10 小结 32 第3章 事件...

    HTML print打印(分页,统计,排版)

    * 基于jquery的打印分页插件 * 方法API: * loadDate data,model,shownum(数据源[数组],模板页面,每页显示数) data 建议最大数据量不要超过500 * loadTABLE 利用模版创建TABLE代码 * insertTABLE 插入数据 ...

    《JavaScript实例精通》[源代码]

    4_7.htm 数组排序。 第5章（\5） 示例描述：JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm ...

    JavaScript实例精通

    4_7.htm 数组排序。 第5章（\5） 示例描述：JavaScript快速处理日期时间的操作。 5_1.htm 获取当前日期并显示在HTML页中。 5_2.htm 分别获取当前时间的年月日时分秒。 5_3.htm 时间的水中倒影。 5_4.htm ...

    Java学习笔记-个人整理的

    {1.10.5}扩充数组对象长度}{36}{subsection.1.10.5} {1.10.6}Problems}{37}{subsection.1.10.6} {1.11}简单算法}{38}{section.1.11} {1.11.1}打乱算法}{38}{subsection.1.11.1} {1.11.2}排序算法}{38}{...

    JAVA上百实例源码以及开源项目源代码

    　Java波浪文字，一个利用Java处理字符的实例，可以设置运动方向参数，显示文本的字符数组，高速文本颜色，显示字体的 FontMetrics对象，得到Graphics实例，得到Image实例，填充颜色数组数据，初始化颜色数组。...

    JAVA上百实例源码以及开源项目

    　Java波浪文字，一个利用Java处理字符的实例，可以设置运动方向参数，显示文本的字符数组，高速文本颜色，显示字体的 FontMetrics对象，得到Graphics实例，得到Image实例，填充颜色数组数据，初始化颜色数组。...

Magicbox
Global site tag (gtag.js) - Google Analytics