Jquery排序 - 按字母顺序排列图像

Question

我正在尝试按字母顺序对徽标页面进行排序，因此将徽标名称放在H1标记中并使用了下面的代码，但是徽标没有正确排序。任何人都可以看到有什么问题吗？

var $divs = $("div.box");

$('#alphBnt').on('click', function () {
    var alphabeticallyOrderedDivs = $divs.sort(function (a, b) {
        return $(a).find("h1").text() > $(b).find("h1").text();
    });
    $("#container").html(alphabeticallyOrderedDivs);

https://jsfiddle.net/4pkrnb6v/2/

有人可以帮忙吗？

Answer 1

排序功能需要返回-1 1或0，所以只需更改：

return $(a).find("h1").text() > $(b).find("h1").text();
return $(a).find("h1").text() > $(b).find("h1").text() ? -1 : 1;

来源：https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/Array/sort