如何用jquery对列表进行排序

Question

如题所述

Answer 1

利用jQuery对无序列表排序的原理：

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

1）jQuery函数get()--获取匹配元素集合

该函数取得所有匹配元素的一种向后兼容的方式（不同于jQuery对象，实际上是元素数组）。

2）jQuery函数text()--获取和设置元素内容

该函数获取和设置匹配元素的文本内容。

3）jQuery函数append()--向元素追加内容

该函数向每个匹配的元素内部追加内容。

4）JavaScript函数sort()--元素排序

用于对数组元素进行排序。

实现无序列表项排序功能的步骤如下。

（1）获取所有的列表项，并将其装入数组。

（2）对数组对象进行排序。

（3）将排好序的数组重新填充到无序列表中。