向上移动并向下移动HTML表格的行

Question

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

以下是我的Jquery代码

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

但它表现得非常错误。请帮我。我是jquery的新手。

谢谢！

Answer 1

你需要尝试这样

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

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

Answer 2

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