How to sort
list?

Question

Possible Duplicate:
Sort an html list with javascript

I have an :

<ul>
<li>Anytime</li>
<li>Cash is good</li>
<li>Do it now!</li>
</ul>

I constantly add new articles. I want them to be in an alphabetical order without having re-arrange them manually. I have written my site in pure HTML and CSS (I don't get information from a database).

How do I solve this? Do I need Java-script?

Java? Heavens no. JavaScript? If you want. How are you adding the articles in the first place? — Ry-, Dec 23 '12 at 17:31
I meant java-script -sorry! Would it be possible to do with ease using jQuery? — nodesto, Dec 23 '12 at 17:33
[Alphabetize with jQuery](http://stackoverflow.com/questions/304396/what-is-the-easiest-way-to-order-a-ul-ol-in-jquery) — bookcasey, Dec 23 '12 at 17:33
check this thread : [Sorting A Un-Ordered List (UL) Using JavaScript](http://www.go4expert.com/forums/showthread.php?t=1947) — amrfaissal, Dec 23 '12 at 17:37

score 5 · Answer 1 · edited May 23 '17 at 12:01

Based on an example here, check this out:

var ul = $("ul");
var arr = $.makeArray(ul.children("li"));

arr.sort(function(a, b) {
    var textA = +$(a).text();
    var textB = +$(b).text();

    if (textA < textB) return -1;
    if (textA > textB) return 1;

    return 0;
});

ul.empty();

$.each(arr, function() {
    ul.append(this);
});

HTML

<ul>
    <li>Anytime</li>
    <li>Cash is good</li>
    <li>Do it now!</li>
</ul>

How to sort list?

1 Answers1

Based on an example here, check this out:

HTML

How to sort
list?