jquery - 如何在手风琴中对大量文本进行排序？

Question

我有一个手风琴，里面有许多随机排列的物品。手风琴加载时如何对这些项目进行排序：

< div class="accordion" >
    < h3>Abc </h3 > 
    < p>Some text. </p > 

    < h3>Cab </h3 > 
    < p>Some text. </p > 

    < h3>Bac </h3 > 
    < p>Some text. </p > 
< /div >

Answer 1

快速解决方案： http: //tinysort.sjeiti.com/

包括该插件，对您的手风琴内容进行排序。例如。如果它在 ul 列表中：

$('ul>li').tsort();
//its sorted, trigger your accordion plugin here

编辑更多信息

好的，如果您不使用列表，请将它们放入 div 以隔离每个部分：

< div class="accordion" >
    <div class="section">
        < h3>Abc </h3 > 
        < p>Some text. </p > 
    </div>
    <div class="section">
        < h3>Cab </h3 > 
        < p>Some text. </p > 
    </div>
< /div >

然后按 h3 标签排序：

$('.accordion div.section').tsort('h3');
//then do your accordion code

Answer 2

在创建手风琴之前对它们进行排序是最简单的方法