链接的自定义顺序列表

Custom order list of links

本文关键字：列表 顺序 自定义 链接      更新时间：2023-09-26

我有一个链接列表，默认情况下按字母顺序排序。例如

<ul>
    <li><a href="#">Aeroplanes</a></li>
    <li><a href="#">Books</a></li>
    <li><a href="#">Cars</a></li>
    <li><a href="#">Diggers</a></li>
</ul>

这个列表是自动生成的，在现实生活中大约有 30 个链接，我如何使用 javascript/jquery 轻松地以很少的开销订购这些链接。顺序将经常更改，以根据季节/受欢迎程度以及其他一些决定因素来提升类别。

TinySort是一个对HTML进行排序的小脚本。它按文本或属性值或按其子级之一的值进行排序。以下示例应该可以帮助您上路。

这不使用jQuery，而且性能很快。

TinySort曾经是一个jQuery插件，但被重写以删除jQuery依赖项。它现在更小更快（并且没有依赖关系）。功能相同，但对参数和选项进行了更改。

只需使用这种方式：

tinysort (NodeList);


<script src="https://cdnjs.cloudflare.com/ajax/libs/tinysort/2.1.1/tinysort.min.js"></script>
<ul>
  <li><a href="#">Aeroplanes</a></li>
  <li><a href="#">Cars</a></li>
  <li><a href="#">Books</a></li>
  <li><a href="#">Diggers</a></li>
  
</ul>
<script>
  tinysort('ul>li');
</script>

相关文章：