javascript - 对元素列表进行排序的排序技术

Question

我正在尝试使用 javascript/jquery 对元素列表进行排序。

但是这是第一次进行排序，这很好，但是如果我再次单击，它应该会转到未排序的视图。

这个过程应该像这样继续......

这是演示链接：

Sorting Demo

Answer 1

我认为下面的代码是您正在搜索的内容（在第一次单击时按升序排序，在下次单击时按逆序排序。）：

var sort_ascend= true;
    function sort() {
        var mylist = $('#sorting_list ul');
        var listitems = mylist.children('li').get();
        mylist.empty();
        if(sort_ascend){
            listitems.sort(function (a, b) {
                return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
            })
        }
        else{
            listitems.reverse(function (a, b) {
                return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
            })
        }
        sort_ascend = !sort_ascend;
        $.each(listitems, function (idx, itm) { mylist.append(itm); });
    }