-2

看下面的代码

source = $("<root><item desc='SQL'/><item desc='Microsoft'/><item desc='Action Script'><item desc='Java script'></root>")

//WAY 1: This way is not working...
source.children().sort(function(a, b)
    {
        var aText = $(a).attr("desc").toLowerCase();
        var bText = $(b).attr("desc").toLowerCase();

        if(aText == bText)
            return 0;

        return aText > bText ? 1 : -1;
    });

alert(source[0].outerHTML);

//WAY 2: This is working...
var temp = source.children();

temp.sort(function(a, b)
    {
        var aText = $(a).attr("desc").toLowerCase();
        var bText = $(b).attr("desc").toLowerCase();

        if(aText == bText)
            return 0;

        return aText > bText ? 1 : -1;
    });

source = $("<root/>");
source.append(temp);

alert(source[0].outerHTML);

方式 1 不工作，方式 2 工作良好。为什么我应该将孩子分配给另一个变量然后排序，将它们分配回原始变量？这是正确有效的方法吗？

你可以试试这个FIDDLE ....

4

1 回答 1

2

jQuery 集合中子节点的顺序与子节点作为 XML 节点的顺序无关。在 jQuery 集合中，它们只是指向节点的指针。在您的第二个示例中，您将它们按新顺序添加到新根。

一个类比：想象你有一群棒球运动员，还有他们的棒球卡。您按照击球顺序排列棒球运动员，然后按照与球员相同的顺序排列他们的牌。

在您的第一个示例中，您只是对棒球卡进行排序。球员自己不动。

在您的第二个示例中，您对卡片进行排序，然后告诉玩家按照您对卡片进行排序的顺序移动到新行。

于 2012-10-12T07:38:43.753 回答