使用Javascript按字母顺序重新排列无序列表

Question

我知道的Javascript很少。不幸的是，我们正在使用的CMS中唯一的方法是通过javascript。

这些是产品页面上的面包屑。每种产品都适用于许多不同的类别。我想要一些脚本按字母顺序重新排列它们。

URL结构不是100％一致的。有些网址以-1.html结尾（例如：MyDomain.com/categories/mazda/b3000/2006-1.html），有些以.html结尾（例如：mydomain.com/categories/buick/century.html）。因此，有必要看的锚标签中的文本。

感谢advange

<div class="FindByCategory"> 

<ul> 
    <li><a href="http://MyDomain.com/categories/mazda-1.html">Mazda</a></li><li><a href="http://MyDomain.com/categories/mazda/b3000-1.html">B3000</a></li><li><a href="http://MyDomain.com/categories/mazda/b3000/2006-1.html">2006</a></li><li><a href="http://MyDomain.com/categories/mazda/b3000/2006/3-0l-2954cc-v6-gas-ohv-na-1.html">3.0L 2954CC V6 GAS OHV NA</a></li> 
</ul> 
<ul> 
    <li><a href="http://MyDomain.com/categories/ford-1.html">Ford</a></li><li><a href="http://MyDomain.com/categories/ford/ranger-1.html">Ranger</a></li><li><a href="http://MyDomain.com/categories/ford/ranger/2005-1.html">2005</a></li><li><a href="http://MyDomain.com/categories/ford/ranger/2005/3-0l-182cu-in-v6-gas-ohv-na-1.html">3.0L 182Cu. In. V6 GAS OHV NA</a></li> 
</ul> 
    <li><a href="http://mydomain.com/categories/ford-1.html">Ford</a></li><li><a href="http://MyDomain.com/categories/ford/ranger-1.html">Ranger</a></li><li><a href="http://MyDomain.com/categories/ford/ranger/2006-1.html">2006</a></li><li><a href="http://MyDomain.com/categories/ford/ranger/2006/3-0l-182cu-in-v6-gas-ohv-na-1.html">3.0L 182Cu. In. V6 GAS OHV NA</a></li> 
</ul> 

    </div> 

Answer 1

它是非常容易使用jQuery做的，你可以在以下位置使用示例代码。 http://jsfiddle.net/stodolaj/De8Ku/