排序阵列超链接

Sorting Array hyperlinks

本文关键字：超链接 阵列 排序      更新时间：2023-09-26

我试图让这个代码排序基于标题，但显示标题与超链接。到目前为止，代码排序正确，但是超链接没有被正确的Title显示。它似乎是将列表链接按字母顺序按标题排列，然后将子网站链接按标题排列。

我希望

:
第一个子站点(www.test.com/firstsubsite)
Google(www.google.com)//<-In list
最后子站(www.test.com/lastSubsite)
Yahoo(www.yahoo.com)//<- In list

目前我得到:
第一个子站点(www.google.com)//<-In list
Google(www.yahoo.com)//<- In list
最后子站(www.test.com/firstsubsite)
雅虎(www.test.com/lastSubsite) 

function GetItems() {
    var names = [];
    var link = [];
    $().SPServices({
        operation: "GetListItems",
        async: true,
        listName: "GatheredSites",
        CAMLViewFields: "<ViewFields><FieldRef Name='Title' /><FieldRef Name='Link_x0020_Url' /></ViewFields>",
        completefunc: function(xData, Status) {
            $(xData.responseXML).SPFilterNode("z:row").each(function() {
                var url = $(this).attr("ows_Link_x0020_Url").split(",")[0];
                var name = ($(this).attr("ows_Title"));
                names.push(name);
                link.push(url);
            });
            $().SPServices({
                operation: "GetWebCollection",
                webURL: "*url*",
                async: true,
                completefunc: function(xData, Status) {
                    $(xData.responseXML).find("Webs > Web").each(function() {
                        var $node = $(this);
                        names.push($node.attr("Title"));
                        link.push($node.attr("Url"));
                    });
                    names.sort();
                    var output = $("#divDisplay");
                    for (var i = 0, len = names.length; i < len; i++) {
                        output.append("<li><a href='" + link[i] + "'>" + names[i] + "</li>");
                    }
                }
            });
        }
    });
}

一旦您对names数组进行排序，您就无法匹配links数组中相应的索引。

您可以在xml的每次迭代中创建一个同时具有名称和链接的对象，并将该对象压入一个数组。

然后按名称属性

对单个对象数组进行排序
$(xData.responseXML).find("Webs > Web").each(function () {
    var $node = $(this);
    // single object to store all needed properties from xml
    var item = {
        name: $node.attr("Title"),
        link: $node.attr("Url")
    }
    // push object to array
    names.push(item);
    // link.push($node.attr("Url"));  - remove links array, no longer needed
});
// sort array by name property
names.sort(function (a, b) {
    return a.name > b.name
});
var output = $("#divDisplay");
for (var i = 0, len = names.length; i < len; i++) {
    // note properties used for link and name
    output.append("<li><a href='" + names[i].link + "'>" + names[i].name + "</li>");
}
相关文章：