sorting LI commands under OL

Question

Anyway to sort this alphabetically(In javascript preferably)?

        <ol>
    <li><a id="a_title_4" onclick="SetCurrent(4);return false;" href="#">Mp_Dungeon_p</a></li>
    <li><a id="a_title_5" onclick="SetCurrent(5);return false;" href="#">Mp_Sonic</a></li>
    <li><a id="a_title_6" onclick="SetCurrent(6);return false;" href="#">Mp_Trial_2_p</a></li>
    <li><a id="a_title_7" onclick="SetCurrent(7);return false;" href="#">Mp_Spacestation</a></li>
    <li><a id="a_title_8" onclick="SetCurrent(8);return false;" href="#">Mp_GP_Jump</a></li>
        </ol>

Answer 1

PHP is overkill here. Just check the answers to this question Sort a set of li tags alphanumerically

Answer 2

Simple PHP solution:

<?php
    // sample link data
    $links = array(
        4=>'Mp_Dungeon_p',
        5=>'Mp_Sonic',
        6=>'Mp_Trial_2_p',
        7=>'Mp_Spacestation',
        8=>'Mp_GP_Jump'
    );

    // sort $links
    asort($links);

    // output link list
    echo '<ol>' . PHP_EOL;
    foreach ($links as $id=>$text) {
        echo '  <li><a id="a_title_' . $id . '" onclick="SetCurrent(' . $id . ');return false;" href="#">' . $text . '</a></li>' . PHP_EOL;
    }
    echo '</ol>' . PHP_EOL;
?>

Output:

<ol>
    <li><a id="a_title_4" onclick="SetCurrent(4);return false;" href="#">Mp_Dungeon_p</a></li>
    <li><a id="a_title_8" onclick="SetCurrent(8);return false;" href="#">Mp_GP_Jump</a></li>
    <li><a id="a_title_5" onclick="SetCurrent(5);return false;" href="#">Mp_Sonic</a></li>
    <li><a id="a_title_7" onclick="SetCurrent(7);return false;" href="#">Mp_Spacestation</a></li>
    <li><a id="a_title_6" onclick="SetCurrent(6);return false;" href="#">Mp_Trial_2_p</a></li>
</ol>