Javascript/JQuery to sort alphabetically a list with anchors

Question

I have this list: ```

``` I want to alphabetically sort this list, using the anchor text, not the li text. How to do that? I'm using this script to sort them by li text ``` function sortUnorderedList(ul, sortDescending) { var items = $('.demo li').get(); items.sort(function(a,b){ var ke…

Accepted Answer

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

});
```

Javascript/JQuery to sort alphabetically a list with anchors

Solution

Problem