多语言展示
当前在线:1547今日阅读:195今日分享:41

juqery 如何进行排序操作

juqery对数组元素进行排序操作,对字符进行分组排序
工具/原料

jquery js html

方法/步骤
1

实际工作中我们很多时候要对页面上的数据,或者字符串进行分组排序,但是我们又不想到后台数据库中操作,那么我们可以通过jquery来实现排序,如下假如页面中有如下一些标签

   

7

   

6

   

5

   

4

   

3

   

2

   

1

我们要取得上面的数据进行排序

2

首先我们从p标签中把数据取出来:然后我们刷新页面看看 是否取到p里面的数据如下图所示,p的数据取到了

3

我们可以看到 取到的结果是个数组azjl=['7', '6', '5', '4', '3', '2', '1']然后我们写个方法来为排序准备function mysort(a,b) {    return a-b}#可以让两个元素进行比较

4

接下来我们就可以对的到的数组进行排序了azjl=azjl.sort(mysort)调用sort方法和步骤三中的方法刷新页面我们观察输出的数组,我们发现输出两个数组,顺序刚好相反,排序实现。

5

接下来我们将排序好的数组更新到网页上templ=''; #定义一个模版变量azjl.forEach(function (zjl,index) {  templ+='

'+zjl+'

';}) #遍历得到新的模版$('.mysort').empty().append(templ); #清空div插入templ我们刷新页面,发现页面的数据从小到大显示了,如下图二

注意事项

使用数组操作

推荐信息