Question

我有一个默认按字母顺序排序的链接列表。例如

<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轻松订购这些链接。订单将经常变化以根据季节/受欢迎程度以及许多其他决定因素来推动类别。

Answer 1

TinySort是一个对HTMLElements进行排序的小脚本。它按文本或属性值或其中一个孩子的值进行排序。下面的例子可以帮助你顺利上路。

不使用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>

自定义订单列表链接

1 个答案: