未分类

jQuery实现对无序列表的排序功能_jquery_脚本之家

12 3月 , 2020  

正文实例呈报了jQuery落成对冬天列表的排序功用。分享给我们供大家参谋,具体如下:

行使jQuery对无系列表排序的原理是:获取到冬天列表中的全数列表项,并转成数组方式,使用JavaScript函数对其举行排序后再行输出。当中使用到的jQuery函数有ready、append。

www6766com ,1.jQuery函数介绍

该函数得到富有匹配成分的一种向后卓殊的章程。其语法方式如下:

object.get()

注:假如您想要直接操作DOM对象并非jQuery对象,那个函数特别实用。

–得到和装置成分内容

该函数获取和装置匹配成分的公文内容。其语法情势如下:

object.text

注:val和fn参数可选。val是安装元素的文件内容值;fn函数重返八个字符串,接纳八个参数,index为成分在会集中的索引地点,text为本来的text值。

该函数向各样相称的要素内部追加内容。其语法方式如下:

object.append

注:那么些操作与对点名的要素实施appendChild方法并将它们增进到文书档案中的情状好像。content参数表示追加的内容;fn再次回到一个HTML字符串,用于充实到每三个相配成分内部,选择五个参数,index参数为对象在此个集结中的索引值,html参数为那个目标原先的html值。

2.JavaScript函数介绍

JavaScript函数sort(State of Qatar–成分排序,用于对数组成分举办排序。其语法情势如下:

arrayObject.sort

注:sortby可选,规定排列顺序,必需是函数。重回值为排序后的数组自个儿。要是调用该格局时未有使用参数,将按字母逐一对数组中的成分进行排序。说得改善确点,是比照字符编码的顺序举办排序。要得以完毕那或多或少,首先应把数组的要素都转换来字符串,以便举办比较。

举例想中规中矩别的规范举行排序,就须要提供相比函数,该函数要相比七个值,然后回到二个用于评释那多少个值的对立顺序的数字。相比函数应该具备四个参数a和b,其再次回到值如下:若a小于b,在排序后的数组中a应该出以往b早先,则赶回叁个小于0的值。若a等于b,则再次来到0。若a大于b,则赶回叁个大于0的值。

3.成效实现

完成冬天列表项排序功效的手续如下。

收获具备的列表项,并将其装入数组。

将排好序的数组重新填写到冬天列表中。

先是,把jQuery库引入进来:

然后,增加如下排序效用代码:

 $.ready{ var items = $; //获取所有待排序li装入数组items items.sort //调用JavaScript内置函数sort { var elementone = $; var elementtwo = $; if(elementone < elementtwo) return -1; if(elementone > elementtwo) return 1; return 0; }); var ul = $; $.each //通过遍历每一个数组元素,填充无序列表 { ul.append;

上述代码通过数组排序并再一次填写无种类表使得列表项有序。具体职能如图:

一体化实例代码点击这里本站下载。

越来越多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery操作DOM节点方法总结》、《jQuery扩张技术总括》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与本领总计》、《jQuery表格操作技术汇总》、《jquery中Ajax用法总括》、《jQuery司空眼惯特出特效汇总》、《jQuery动漫与特效率法总括》及《jquery选用器用法计算》

企望本文所述对大家jQuery程序设计具备助于。


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图