排序列表div不起作用

Question

我必须根据“employees-name”类中的文本对多个div（具有“allDiv”类）进行排序。多个div在潜水中，具有“TeamTableContainer”id。

我根据“asc”得到文字疼痛，当我点击某个图标时，必须完成“desc”排序，反之亦然ץ

我使用的js代码是：

  $('.formEmployee .sort-arrow').click(function(){
        if ($('.formEmployee .sort-arrow').hasClass('down')) {
        $('.allDiv').sort(function(a,b) {
                $('.formEmployee .sort-arrow').removeClass('down')
                $('.formEmployee .sort-arrow').addClass('up')
                console.log($(b).find('.employe-name').text().toUpperCase())
                return $(b).find('.employe-name').text().toUpperCase()  >$(a).find('.employe-name').text().toUpperCase();
            }).each(function( _, allDiv){
                $(allDiv).appendTo('#TeamTableContainer')
            })

            }
            else {
            $('.allDiv').sort(function (a, b) {
                $('.formEmployee .sort-arrow').addClass('down')
                $('.formEmployee .sort-arrow').removeClass('up')
                return $(b).find('.last-name').text().toUpperCase() < $(a).find('.last-name').text().toUpperCase();
            }).each(function (_, allDiv) {
                $(allDiv).appendTo('#TeamTableContainer')
            })
        }
    })

排序不能正常工作。 为什么？我该如何解决？