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我们刷新页面,发现页面的数据从小到大显示了,如下图二注意事项
使用数组操作
下一篇:旅行垂钓户外野炊带什么食材好?