jQuery - 对数组进行排序?

2024-01-27

我使用 Ajax 获取一些 XML,然后用结果填充表单上的一些字段。表单上有一个数字字段,我想按该数字对结果进行排序(从高到低的在前)。

我将如何在 jQuery 中做到这一点?

我的js函数代码目前是:

function linkCounts() {
    ws_url = "http://archreport.example.co.uk/worker.php?query=linkcounts&domain="+$('#hidden_the_domain').val();
    $.ajax({
        type: "GET",
        url: ws_url,
        dataType: "xml",
        success: function(xmlIn){
            results = xmlIn.getElementsByTagName("URL");
            for ( var i = 0; i < results.length; i++ ) {
                $("#tb_domain_linkcount_url_"+(i+1)).val($(results[i].getElementsByTagName("Page")).text());
                $("#tb_domain_linkcount_num_"+(i+1)).val($(results[i].getElementsByTagName("Links")).text());
            }
            $('#img_linkcount_worked').attr("src","/images/worked.jpg");
        },
        error: function(){$('#img_linkcount_worked').attr("src","/images/failed.jpg");}
    });
}

The Links标签是我想要对其进行排序的标签。

Thanks

作为参考,返回的 XML 如下所示:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Response>
  <ResponseCode>1</ResponseCode>
  <ResponseStatus>OK</ResponseStatus>
  <ReportId>2</ReportId>
  <UrlChecked />
  <MaxLinks>75</MaxLinks>
  <PagesFound>121</PagesFound>

  <URLs>
<URL>
      <Page>http://www.example.co.uk/blog</Page>
      <Links>78</Links>
    </URL>
    <URL>
      <Page>http://www.example.co.uk/blog/</Page>

      <Links>78</Links>
    </URL>
    <URL>
      <Page>http://www.example.co.uk/blog/author/example/</Page>
      <Links>78</Links>
    </URL>
    <URL>

      <Page>http://www.example.co.uk/blog/author/example/page/2/</Page>
      <Links>78</Links>
    </URL>
</URLS>
</Response>

首先,我创建了一个数组,其中的元素由保存 url 和链接的对象组成。之后,我对其进行排序并用数据填充字段。

代码如下所示:

function linkCounts() {
    ws_url = "http://archreport.epiphanydev2.co.uk/worker.php?query=linkcounts&domain="+$('#hidden_the_domain').val();
    $.ajax({
        type: "GET",
        url: ws_url,
        dataType: "xml",
        success: function(xmlIn){
            results = xmlIn.getElementsByTagName("URL");

            var container = [];
            for ( var i = 0; i < results.length; i++ ) {
                container[i] = {
                    url: $(results[i].getElementsByTagName("Page")).text(),
                    links: $(results[i].getElementsByTagName("Links")).text()
                }                
            }

            container.sort(function(a, b) {
                return b.links - a.links;
            });

            for ( var i = 0; i < results.length; i++ ) {
                $("#tb_domain_linkcount_url_"+(i+1)).val(container.url);
                $("#tb_domain_linkcount_num_"+(i+1)).val(container.links);
            }

            $('#img_linkcount_worked').attr("src","/images/worked.jpg");
        },
        error: function(){$('#img_linkcount_worked').attr("src","/images/failed.jpg");}
    });
}

我还没有使用存根数据进行测试,所以它可能有一些错误,但你可以修复它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery - 对数组进行排序? 的相关文章