Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自定义链接订单列表_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 自定义链接订单列表

Javascript 自定义链接订单列表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个默认按字母顺序排序的链接列表。比如说 <ul> <li><a href="#">Aeroplanes</a></li> <li><a href="#">Books</a></li> <li><a href="#">Cars</a></li> <li><a href="#">Dig

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

<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轻松地以较小的开销订购这些链接。根据季节/受欢迎程度以及其他一些决定因素,顺序会经常改变以增加类别。

是一个对HTMLElement进行排序的小脚本。它按文本或属性值排序,或按它的一个子项排序。下面的例子应该有助于你上路

这不使用jQuery,而且性能很快

TinySort过去是一个jQuery插件,但后来被重写以删除jQuery依赖项。它现在更小更快,并且没有依赖性。功能相同,但对参数和选项进行了更改

就这样吧:

tinysort (NodeList);
tinysort'ul>li';
我们在这里帮助调试您已经尝试并发布在这里的任何问题代码。我们通常不会为您做这些工作。选择元素,应用自定义函数根据您的逻辑进行排序,然后将元素重新附加到包含的ul。谢谢您,Praveen,非常有用很高兴这对您有所帮助!