javascript - 在html表格中上下移动行

Question

<分区>

Answer 1

尝试使用 jQuery。你可以这样做:

<table id="mytable">
    <tr>
        <td>row 1</td>
        <td><input type="button" value="move up" class="move up" /></td>
        <td><input type="button" value="move down" class="move down" /></td>
    </tr>
    ...
</table>

$('#mytable input.move').click(function() {
    var row = $(this).closest('tr');
    if ($(this).hasClass('up'))
        row.prev().before(row);
    else
        row.next().after(row);
});

看看它在工作 here .

您也可以试试 jQuery 的 sortable , 它是 much easier .