js 静态HTML表格排序功能实现

</p> <p><title>无标题文档</title> </p> <p>*{font-family:Arial, Helvetica, sans-serif;font-size:14px;border:none;}<br /> body{text-align:center;}<br /> table{margin:100px auto;}<br /> td{width:100px;height:24px;text-align:center;line-height:24px;border:1px solid silver;}<br /> .red{color:red;}<br /> .top{background:#CCCCCC;cursor:pointer;}<br /> .up{background:#FFFFCC url(/upload/20090211095733175.gif) no-repeat right 5px;}<br /> .down{background:#FFFFCC url(/upload/20090211095734843.gif) no-repeat right 5px;}<br /> .hov{background:#F0EFE5;} </p> <table cellpadding="0" id="table"> <tr class="top"> <td>kick me</td> <td>kick me</td> <td>kick me</td> <td>kick me</td> </tr> <tr> <td><span id="bfn_la_bac.usa">15.43</span></td> <td class="red">700</td> <td>1.220</td> <td class="red">阿</td> </tr> <tr> <td><span id="bfn_la_c.usa">7.05</span></td> <td class="red">4</td> <td>3,000</td> <td class="red">炳</td> </tr> <tr> <td><span id="bfn_la_jpm.usa">30.62</span></td> <td class="red">30</td> <td>2,558,800</td> <td class="red">和</td> </tr> <tr> <td><span id="bfn_la_axp.usa">22.30</span></td> <td class="red">5</td> <td>6</td> <td class="red">瞎</td> </tr> <tr> <td><span id="bfn_la_mrk.usa">26.31</span></td> <td class="red">0.6</td> <td>5</td> <td class="red">-</td> </tr> <tr> <td><span id="bfn_la_pg.usa">63.16</span></td> <td class="red">7</td> <td>4</td> <td class="red">子</td> </tr> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• Javascript数组的排序 sort()方法和reverse()方法
• JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
• js交换排序 冒泡排序算法（Javascript版）
• js中数组排序sort方法的原理分析
• 基于JS实现数字+字母+中文的混合排序方法
• 几种经典排序算法的JS实现方法
• js快速排序的实现代码
• JS 排序输出实现table行号自增前端动态生成的tr
• JavaScript中数组的排序、乱序和搜索实现代码
• JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】