Javascript/JQuery pour trier par ordre alphabétique une liste avec les ancres

J'ai cette liste:

<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>

Je veux trier par ordre alphabétique cette liste, en utilisant l'ancre texte, pas les li de texte.
Comment faire?

J'utilise ce script pour trier par li texte

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);
        });
    }
Savez-vous comment le faire lors de l'utilisation de la li? Si vous ne vous devez simplement modifier l'identificateur de $("li")
$("li") - ce qui est mauvais, cela prend trop de temps pour travailler. Vous mieux ajouter un peu de classe à tous les ancrages nécessaires, puis choisissez em avec $(".anchorClass").
Comment est-ce code HTML généré? Ne pouvez-vous pas le tri là-dedans?

OriginalL'auteur MIlena | 2012-11-15

  1. 11

    essayez ceci:

    $(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();

});
    Je suis en train de faire ce que le droit de réponse car il s'agit de travailler sur IE aussi. Merci à vous tous.

    OriginalL'auteur Jai

  2. 5

    Vous pouvez utiliser sort méthode.

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

    http://jsfiddle.net/w3jfF/

    Je pense que la fonction de tri personnalisé doit retourner 1, 0 ou -1. Un booléen fonctionne sur Firefox mais pas sur Chrome et Internet Explorer.
    vous pouvez utiliser localeCompare au lieu de >.

    OriginalL'auteur undefined

  3. 1

    Vous pouvez utiliser jQuery pour obtenir tous les li. Ensuite, utilisez toArray pour obtenir un javascript natif de tableau. Et vous pouvez également trier votre tableau à l'aide de la sort méthode et de fournir une fonction de tri correspondant à vos besoins.

    Hors de la boîte, je ne pense pas que cela va fonctionner. Peut-être un exemple de code?

    OriginalL'auteur Magus