javascript-按数字顺序排列表

假设我有一张桌子

<table><tr>
<td>ID</td><td>Item</td></tr><tr>
<td>1</td><td>Air</td></tr><tr>
<td>7</td><td>Water</td></tr><tr>
<td>3</td><td>Grass</td></tr><tr>
<td>2</td><td>Dirt</td></tr>
</table>

伊迪姆
1空气
7水
3草
2Dirt

我想根据项目的ID排列表格。这意味着我想把桌子布置成这样：

<table><tr>
<td>ID</td><td>Item</td></tr><tr>
<td>1</td><td>Air</td></tr><tr>
<td>2</td><td>Dirt</td></tr><tr>
<td>3</td><td>Grass</td></tr><tr>
<td>7</td><td>Water</td></tr>
</table>

伊迪姆
1空气
2Dirt
3草
7水

如何使用Javascript实现这一点？

尝试使用

<table id="myTbl">
    <thead>
        <tr>
            <th>ID</th><th>Item</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td class="sort_id">1</td><td>Air</td>
        </tr>
        <tr>
            <td class="sort_id">7</td><td>Water</td>
        </tr>
        <tr>
            <td class="sort_id">3</td><td>Grass</td>
        </tr>
        <tr>
            <td class="sort_id">2</td><td>Dirt</td>
        </tr>
    </tbody>
</table>

<script>
    $(document).ready(function() {
        var rows = $('#myTbl > tbody').children('tr').get();
        rows.sort(function(a, b) {
            var anum = parseInt($(a).find(".sort_id").text(), 10);
            var bnum = parseInt($(b).find(".sort_id").text(), 10);
            return anum - bnum;
        });
        for (var i = 0; i < rows.length; i++) {
            $('#myTbl > tbody').append(rows[i]);
        }
    });

</script>

伊迪姆
1空气
7水
3草
2Dirt
$（文档）.ready（函数（）{
var rows=$（'#myTbl>tbody'）.children（'tr'）.get（）；
行排序（函数（a，b）{
var anum=parseInt（$（a）.find（“.sort\u id”）.text（），10）；
var bnum=parseInt（$（b）.find（“.sort_id”）.text（），10）；
返回anum-bnum；
});
对于（变量i=0；itbody'）。追加（行[i]）；
}
});