链接的自定义订单列表[关闭]答案

【问题标题】：Custom order list of links [closed]链接的自定义订单列表[关闭]
【发布时间】：2015-01-30 10:36:27
【问题描述】：

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

<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 以很少的开销订购这些链接。顺序会经常变化，以根据季节/受欢迎程度以及其他一些决定因素来提升类别。

【问题讨论】：

我们在这里帮助调试任何问题代码您已经尝试过并在此处发布。我们通常不会为您完成这项工作。
选择元素，使用您的逻辑将自定义函数应用于sort()，然后将元素重新附加到包含ul。

标签： javascript jquery html css

【解决方案1】：

TinySort 是一个对 HTMLElement 进行排序的小脚本。它按文本或属性值或其中一个子项的值排序。下面的示例应该可以帮助您顺利上路。

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

【讨论】：

谢谢Praveen，非常有帮助
很高兴这对您有所帮助！