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

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

下面是我的jQuery代码

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

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

谢谢！

来源

2014-01-14 user3194412

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

你需要尝试这样

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

没有必要再次使用$()

来源

2014-01-14 14:57:12

说明错误 –

Great !!它正在工作......谢谢！ – user3194412

感谢Gert B !.这是工作。 – user3194412

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

来源

2014-01-14 15:05:42

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

回答

相关问题