在OL下排序LI命令

时间:2011-02-18 21:47:29

标签: javascript sorting alphabetical

无论如何按字母顺序排序(最好是在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>

2 个答案:

答案 0 :(得分:2)

PHP在这里太过分了。只需查看此问题Sort a set of li tags alphanumerically

的答案

答案 1 :(得分:1)

简单的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>