我有一个这样的列表:
<ul id="list">
<li><a href="/">Adam</a></li>
<li><a href="/">Alex</a></li>
...
<li><a href="/">Zara</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
这个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); });
Run Code Online (Sandbox Code Playgroud)
现在我需要像这样设置列表:
<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>
Run Code Online (Sandbox Code Playgroud)
要使用此Apple Style Slider中的列表.
你知道我怎么能用JavaScript做到这一点?