上移和下移 HTML 表格的行答案

【问题标题】：Move up and move down row of a HTML table上移和下移 HTML 表格的行
【发布时间】：2014-01-14 14:55:54
【问题描述】：

有一个表格，用户可以选择多行，表格下方有两个按钮上移和下移。当用户点击移动按钮时，行应该向上移动，类似于向下移动。

下面是我的 Jquery 代码

$(".moveUp").live("click", function(){
    var row = $(".selectRow")
    $(row).each(function() {
        row.insertBefore(row.prev());
    });     
});

但它的行为非常错误。请帮我。我是 jquery 新手。

谢谢！

【问题讨论】：

live 已被弃用，您应该将其更改为 .on

标签： javascript jquery html

【解决方案1】：

你需要这样尝试

$(".moveUp").on("click", function() {
    var row = $(".selectRow");
    row.each(function() {
        var $this=$(this);
        $this.insertBefore($this.prev());
    });
});

无需再次使用$( ) 包装row

【讨论】：

【解决方案2】：

另一种方法是操作纯数据数组（存储行和选定状态），然后在数据更改后触发数据的“渲染”功能。 IOW，在每个操作上重绘整个表。通常这是很快的，一个优点是您可以将逻辑/数据与可视化界面（如 MVC 样式）分开。

【讨论】：