排序

来源:互联网 发布:大学生电脑软件推荐 编辑:程序博客网 时间:2024/06/06 01:27
<meta charset="UTF-8">
    <center>
    <h1>快速排序</h1>
        <table border="1">
            <tr>
                <td  class="major">语文<span>[-]</span></td>
                <td  class="major">数学<span>[-]</span></td>
                <td  class="major">英语<span>[-]</span></td>
            </tr>
            <tr>
                <td>85</td>
                <td>32</td>
                <td>78</td>
            </tr>
            <tr>
                <td>54</td>
                <td>98</td>
                <td>87</td>
            </tr>
            <tr>
                <td>66</td>
                <td>65</td>
                <td>52</td>
            </tr>
        </table>
    </center>
<script src="./jquery-1.8.2.js"></script>
<script type="text/javascript">
    $(function(){
        $(".major").click(function(){
            //获取当前用户的节点值
            var index = $(this).index();
            //获取当前tr的值
            var tr = $(this).parent('tr').nextAll();
            //定义一个临时数组装获取的值
            var tmp = Array();
            //获取tr中当前index所对应的td的中值
            for (var i = 0; i < tr.size();i++)
            {
                //获取td所对应的值
                tmp.push(tr.eq(i).children().eq(index).html()/1);            
            };
            //对数组进行冒泡排序
            for (var i = 0; i < tmp.length; i++)
            {
                for (var j = 0; j < tmp.length; j++)
                {
                    if(tmp[j]>tmp[i+1]){
                        temp = tmp[j];
                        tmp[j] = tmp[j+1];
                        tmp[j+1]=temp;
                    }            
                };        
            };    
            // alert(tmp);
            //    对数组进行排序
            tmp.sort();
            for (var i = 0; i < tmp.length; i++)
            {
                tr.eq(i).children().eq(index).html(tmp[i]);
            };
            // 获取当前td的值
            $(this).children('span').html('[↑]');
            $(this).siblings().children('span').html('[-]');
        });
    });
</script>
原创粉丝点击