Javascript/JQuery 按字母顺序对带有锚点的列表进行排序

Javascript/JQuery to sort alphabetically a list with anchors

提问by MIlena

I have this list:

我有这个清单：

<ul id="demoOne" class="demo">
    <li><a href='http://site/Service.aspx?shId=1154'>Dhenie fotokopje aktesh nga dosja 12</a></li>
    <li><a href='http://site/Service.aspx?shId=1155'>Depozitim kerkesash Ankimore/Rekurse
        kunder vendimeve civile/penale 12</a></li>
    <li><a href='http://site/Service.aspx?shId=1156'>Dhenie Vendimesh12</a></li>
    <li><a href='http://site/Service.aspx?shId=1157'>Integrimi i Ish te Perndjekurve Polikite
        12</a> </li>
    <li><a href='http://site/Service.aspx?shId=1158'>Dhenie Drejtesie</a></li>
    <li><a href='http://site/Service.aspx?shId=1159'>Gjykata e Rrethit Gjyq?sor Lezh? ushtron
        juridiksionin gjyq?sor civil dhe penal n? territorin e qarkut Lezh? t? Republik?s
        s? Shqip?ris?.</a></li>
</ul>

I want to alphabetically sort this list, using the anchor text, not the li text. How to do that?

我想使用锚文本而不是 li 文本按字母顺序对这个列表进行排序。怎么做？

I'm using this script to sort them by li text

我正在使用此脚本按 li 文本对它们进行排序

function sortUnorderedList(ul, sortDescending) {
        var items = $('.demo li').get();
        items.sort(function(a,b){ 


          var keyA = $(a).text();
          var keyB = $(b).text();

          if (keyA < keyB) return -1;
          if (keyA > keyB) return 1;
          return 0; 

          var keyA = $(a).text();
          var keyB = $(b).text();

          if (keyA < keyB) return -1;
          if (keyA > keyB) return 1;
          return 0;

        });
        var ul = $('.demo');
        $.each(items, function(i, li){
          ul.append(li);
        });
    }

回答by Jai

try this:

试试这个：

$(function() {
    $.fn.sortList = function() {
    var mylist = $(this);
    var listitems = $('li', mylist).get();
    listitems.sort(function(a, b) {
        var compA = $(a).text().toUpperCase();
        var compB = $(b).text().toUpperCase();
        return (compA < compB) ? -1 : 1;
    });
    $.each(listitems, function(i, itm) {
        mylist.append(itm);
    });
   }

    $("ul#demoOne").sortList();

});

回答by undefined

You can use sortmethod.

您可以使用sort方法。

$('#demoOne li').sort(function(a, b){
     return $('a', a).text() > $('a', b).text()
}).appendTo('#demoOne');

http://jsfiddle.net/w3jfF/

http://jsfiddle.net/w3jfF/

回答by Magus

You can use jQuery to get all the li. Then use toArrayto get a javascript native array. And you can sort your array using the sortmethod and providing a sort function corresponding to your needs.

您可以使用 jQuery 获取所有li. 然后使用 toArray来获取一个 javascript 本机数组。您可以使用该sort方法对数组进行排序，并提供与您的需求相对应的排序函数。