我有一个这样的列表:
<ul id="list">
<li><a href="/">Adam</a></li>
<li><a href="/">Alex</a></li>
...
<li><a href="/">Zara</a></li>
</ul>
它已经按此 JavaScript 的字母顺序排列:
var mylist = $('#list');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
})
$.each(listitems, function(idx, itm) { mylist.append(itm); });
现在我需要像这样设置列表:
<ul id="list">
<li id="a"><a name="a" class="title">A</a>
<ul>
<li><a href="/">Adam</a></li>
<li><a href="/">Alex</a></li>
</ul>
</li>
<li id="b"><a name="b" class="title">B</a>
<ul>
<li><a href="/">Barry</a></li>
<li><a href="/">Becky</a></li>
</ul>
</li>
...
...
...
<li id="z"><a name="z" class="title">z</a>
<ul>
<li><a href="/">zavv</a></li>
<li><a href="/">zora</a></li>
</ul>
</li>
</ul>
使用此Apple Style Slider中的列表。
你知道我怎么能用 JavaScript 做到这一点吗?