开发者社区> 问答> 正文

如何用JS获取TR中TD的某个标签的值。然后根据大小,交换TR的位置

例如:

 <tr>
                <td>   <h6  id="id0"   name="name"  > 123</h6> </td>
</tr>
<tr>
                <td>   <h6  id="id1"   name="name"  > 456</h6> </td>
</tr>

用JS 实现后,调换位置。

展开
收起
小旋风柴进 2016-03-20 14:09:37 3068 0
1 条回答
写回答
取消 提交回答
  •  <table id="tb"><tr>
        <td>   <h6 id="id0" name="name"> 123</h6> </td>
    </tr>
    <tr>
        <td>   <h6 id="id1" name="name"> 456</h6> </td>
    </tr>
        <tr>
            <td>   <h6 id="id2" name="name"> 789</h6> </td>
        </tr>
        <tr>
            <td>   <h6 id="id3" name="name"> 100</h6> </td>
        </tr>
    </table>
    <script>
        var tb=document.getElementById('tb'),rows = tb.rows, trs = [];
        for (i in rows) trs[i] = rows[i];
        console.log(trs);
        trs.sort(function (a, b) {
            //降序,升序是a在前面
            return parseInt(b.cells[0].getElementsByTagName('h6')[0].innerHTML.replace(/\s/g, ''))
                -  parseInt(a.cells[0].getElementsByTagName('h6')[0].innerHTML.replace(/\s/g, ''))
        });
        for (i in trs) tb.appendChild(trs[i]);
    </script>
    2019-07-17 19:09:36
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载