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