JS如何实现正反序排序呢?

  如题,我如何实现,当点击一下标题正序排序,第2次点击的时候是反序,第3次点正序....小弟愚鲁,烦劳哪位大侠写一小段给点指示......

解决方案 »

  1.   

    jquery中有个方法：toggle()  //reverse()  // 倒序排列
      

  2.   

    回楼上的大侠,小弟由于环境限制,暂时只能用JS,所以麻烦给段JS的代码
      

  3.   


    <input type="button" value="test" id="btn" />
    <div id="show"></div><script>
    var tem = ['d','c','b','a'];
    document.getElementById('show').innerHTML = tem;
    btn = document.getElementById('btn');
    var cout = 0 ;
    btn.onclick = function(){
        cout++;
        if( cout%2==0  ){
            document.getElementById('show').innerHTML = tem.reverse();
        }else{
    document.getElementById('show').innerHTML = tem.reverse();
    }
    }</script>
      

  4.   

    <!DOCTYPE HTML PUBLIC#"-//W3C/DTD HTML 4.0//EN" "http://www.w3c.org/tr/html4/strict.dtd">  
    <html>
    <head>
    <title></title>  
    <script type="text/javascript">
    function sort(src) { if (sort.rule == null) {
    sort.rule = 'asc';
    }
    if (sort.rule == 'asc') {
    sort.rule = 'desc';
    } else {
    sort.rule = 'asc';
    }

    var tbody = src.parentNode.parentNode;
    var trList = [];
    for (var index = 0; index < tbody.childNodes.length; index++) {
    var currentTag = tbody.childNodes[index];
    if (currentTag !== src.parentNode && currentTag.nodeType != 3) {
    trList.push(tbody.childNodes[index]);
    }
    }

    trList.sort(function(trFirst, trSecond) {

    var tdFirst = trFirst.getElementsByTagName('td')[0];
    var tdSecond = trSecond.getElementsByTagName('td')[0]; var retValue = tdFirst.firstChild.nodeValue - tdSecond.firstChild.nodeValue;

    return sort.rule == 'asc' ? retValue : retValue * -1;
    }); for (var index = 0; index < trList.length; index++) {
    tbody.appendChild(trList[index]);
    }
    }</script>
    </head>
    <body>
    <table>
    <tbody>
    <tr><td onclick="sort(this)" style="cursor:pointer;">标题</td></tr>
    <tr><td>1</td></tr>
    <tr><td>2</td></tr>
    <tr><td>3</td></tr>
    <tr><td>4</td></tr>
    <tr><td>5</td></tr>
    <tr><td>6</td></tr>
    <tr><td>7</td></tr>
    <tr><td>8</td></tr>
    </tbody>
    </table>  
    </body>  
    </html>  
    今天真热啊
      

  5.   

    大侠,我的publictime是表中其中一列,我想在表头点击进行排序.但是遇到个问题.我是需要专门写个方法,把publictime这个集合查询出来,然后在页面的JS排序,但是这样的话,我表格的其他列是不是不会显示了.我想只对该列进行显示,其他列不动.