解决方案 »

  1.   


    <SCRIPT LANGUAGE="javascript">
    function orderEn(){
    var obj=document.getElementsByClassName("bt");
        var node=null;
    var prev_class="";
    var now_class="";
    for(var i=0;i<obj.length;i++){
    now_class=obj[i].getAttribute('en');
    if(now_class!=prev_class){
        node=document.createElement("tr");
    node.innerHTML="<td>"+now_class.toUpperCase();+"<td/>";
    document.getElementById("test").insertBefore(node,obj[i]);
    }
    prev_class=now_class;
    }}
    </SCRIPT>
    <table border='1' width="500px">
    <tbody  id="test">
    <tr class="bt" en="a"><td>阿牛</td></tr>
    <tr class="bt" en="a"><td>安东阳</td></tr>
    <tr class="bt" en="a"><td>巴图</td></tr>
    <tr class="bt" en="b"><td>包皮</td></tr>
    </tbody>
    </table>
    <input type="button" value="开始排序" onclick="orderEn()">
    <!---
    如果用jquery 非常简单,也不需考虑兼容问题。
    //-->