排序定义列表(<dl>)

Question

我有许多<dt>/<dd>标签的列表，这些标签以一种自然的顺序出现，但我也希望我的访问者有一个按字母顺序排序的选项。有没有一种方法可以用(X)HTML/PHP用最少的代码做到这一点？我的文档类型是XHTML 1.0 Transitional。

Answer 1

要使用服务器端脚本(如PHP)对定义列表进行排序，首先需要将xhtml解析为数组或对象。

一旦你做到了这一点(或者如果你有了原始数据而不需要首先解析它)，你就可以使用php函数，比如asort或者冒泡排序函数。

您最好在客户端使用javascript对列表进行排序。

Answer 2

下面这样的内容是一个很好的起点：

http://www.wrichards.com/blog/2009/02/jquery-sorting-elements/

问题是dt/dd比较棘手，因为每一对都没有单独的元素来包装每一对。不过，代码仍然很好，如果您是JS新手，那么这是一个很好的练习！