javascript - 对嵌套列表进行排序

Question

Given 是一个嵌套列表，具有以下标记(遗憾的是目前无法更改)。 我想对此列表进行排序(以及按“a”标签标题排序的所有嵌套列表。) 第一个 div(未嵌套在“li”中)应该用于对“ul”同级进行排序。

性能也很重要，因为这个列表很容易包含超过 100 个项目，但少于我猜测的 1000 个。(我不确定这是否会成为性能问题)

<ul>
    <div class="bioResult"><a href="">Test</a></div>
</ul>
<ul>
    <li>
        <ul>
            <div class="bioResult"><a href="">C Departmnet</a></div>
            <li>
                <div class="bioResult"><a href="">C</a></div>
            </li>
        </ul>
    </li>
</ul>

我已经努力完成了嵌套列表排序，但我无法理解“ul”兄弟排序，因为它不起作用，因为我认为它可以起作用。 :)

查看我的fiddle .

目前无法选择插件。

Answer 1

对所有内容进行排序就是将所有节点按字母顺序附加到其各自的父节点。

function uCase(elem) {
    return $.trim( $(elem).text().toUpperCase() )
}
function compareFirstLink(a, b) {
    var A = uCase( $(a).first('a') ),
        B = uCase( $(b).first('a') );       
    return (A > B) ? 1 : -1;
}
$(function () {
    var $sortables = $("ul:has(div:first-child), li:not(.fixedOrder)");
    $sortables.sort(compareFirstLink).each(function () {
        this.parentNode.appendChild(this);
    });
});