JS,将TABLE表格里面的数据冒泡排序

JS函数

        function clhead(tdIndex)
        {         
            var tb=$("allTable");
           
            for(var i=1;i<tb.rows.length;i++)
            {               
                for(var j=i+1;j<tb.rows.length;j++)
                {
                    var tr=tb.rows[i];
                    var cel=tr.cells[tdIndex];
                    var tmpArr=cel.getElementsByTagName("span");
                    var val=tmpArr[0].innerHTML.replace("%","").replace("↑","").replace("↓","");
               
                    var tr2=tb.rows[j];
                    var cel2=tr2.cells[tdIndex];
                    var tmpArr2=cel2.getElementsByTagName("span");
                    var val2=tmpArr2[0].innerHTML.replace("%","").replace("↑","").replace("↓","");                   
                  
                    if(parseFloat(val)<parseFloat(val2))
                    {
                        tb.moveRow(j,i);
                    }
                }               
            }
        } 

Table的内容(用.net里的Reapeter控件

<asp:Repeater ID="Repeater1" runat="server">
                <HeaderTemplate>
                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                     <tr>

                        <td class="hang1">
                             <span  οnclick="clhead('0');">买入价1</span></td>
                         <td class="hang1" style="">
                             <span οnclick="clhead('1');"  >最新价2</span></td>
                         <td  class="hang1">
                             <span οnclick="clhead('2');"  >最新价3</span></td>
                         <td  class="hang1">
                             <span  οnclick="clhead('3');"  >涨跌额4</span></td>

           </tr>
                </HeaderTemplate>
                <ItemTemplate>                               
                    <tr style="cursor:pointer;" >
                        <td ><span >0.00</span></td>
                        <td ><span >0.00</span></td>

                        <td class="hang2"><span >0.00</span></td>
                        <td class="hang2"><span  >0.00</span></td>
                      </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>   

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值