在HTML表格中上下移动行 [英] Move Rows up and down in html table

问题描述

可能存在重复：

一些按钮点击表？

解决方案

尝试使用jQuery。您可以这样做：

 < table id =mytable> 
< tr> 
< td>第1行< / td> 
< td>< input type =buttonvalue =move upclass =move up/>< / td> 
< td>< input type =buttonvalue =move downclass =move down/>< / td> 
< / tr> 
 ... 
< / table> 
 $ b $（'＃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的可排序，这是更容易。

Possible Duplicate:
Swapping rows in JQuery

How to move rows up and down in a table on some button click?

解决方案

Try using jQuery. You can do something like:

<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);
});

Look at it working here.

You can also try jQuery's sortable, it is much easier.

这篇关于在HTML表格中上下移动行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！