排序技术对元素列表进行排序

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); });
    }