javascript - 在html表中上下移动行

原文 标签 javascript html

这个问题已经在这里有了答案:




已关闭8年。




Possible Duplicate:
Swapping rows in JQuery



如何通过单击某些按钮在表格中上下移动行?

最佳答案

尝试使用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

关于javascript - 在html表中上下移动行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4321320/

相关文章:

javascript - 在加载页面之前显示LightBox(或任何JQuery Modal弹出窗口)

javascript - Grunt 连接任务和中间件 Access-Control-Allow-Origin

javascript - 为什么Typescript接口(interface)无法在Javascript中呈现

javascript - jQuery自动增量值并检测是否重置

java - 遍历jsoup中的元素并解析href

javascript - 在没有 Flash 的情况下用 Javascript 动态创建和下载 mp3

javascript - 如何在HTML5中使绘图在 Canvas 上可拖动

javascript - 如何制作在单击时增加和减少值的按钮?

javascript - 将 HTML 附加到 jQuery 中的 HTML 字符串

javascript - 无法通过nodejs读取升级文件的属性