对 OL 下的 LI 命令进行排序

Question

无论如何要按字母顺序排序（最好在javascript中）？

        <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 在这里显得有些过分了。只需检查此问题的答案按字母数字顺序对一组 li 标签进行排序

Answer 2

简单的 PHP 解决方案：

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

输出：

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