使用基于“data-”属性的 JQuery 对 Div 进行排序

Question

我正在尝试使用 jquery 根据它的data-enter属性对 div 进行排序。 这是我的 JQuery：

            let result = $("#tableEls .dataDiv").sort(function (a, b) {
                console.log(+$(a).data("enter") + " < " + +$(b).data("enter"));
                return +$(a).data("enter") < +$(b).data("enter");
            }).appendTo("#tableEls");

            console.log(result);

但是，当它被调用时，它不会对 div 重新排序。 以下是div：

此外，这是控制台输出：

我在 StackOverflow 上尝试了许多不同的解决方案，但找不到任何适合我的解决方案。 我不确定我是否做错了什么，但我看不出任何错误。

此外，这里是 HTML 页面本身的屏幕截图，其中四个 div 中的每一个都带有黑色边框：

当单击Sort Rows按钮时，在从上面运行 JQuery 之前，从每个表中输入单元格并将其添加为每个 div 的数据输入属性。 所以在这个例子中，第一个和第二个 div 的位置应该交换。

Answer 1

您的排序函数必须返回 N 或 -N 或 0 而不是布尔值：

let result = $("#tableEls .dataDiv").sort(function (a, b) {
            console.log(+$(a).data("enter") + " - " + +$(b).data("enter"));
            return +$(a).data("enter") - +$(b).data("enter");
        }).appendTo("#tableEls");

        console.log(result);