Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上移和下移HTML表格的行_Javascript_Jquery_Html - Fatal编程技术网

Javascript 上移和下移HTML表格的行

Javascript 上移和下移HTML表格的行,javascript,jquery,html,Javascript,Jquery,Html,有一个表格,用户可以在其中选择多行,表格下方有两个按钮“上移”和“下移”。当用户单击movebutton时,行应该向上移动,类似于向下移动 下面是我的Jquery代码 $(".moveUp").live("click", function(){ var row = $(".selectRow") $(row).each(function() { row.insertBefore(row.prev()); }); }); 但它的行为非常错误。请帮

有一个表格,用户可以在其中选择多行,表格下方有两个按钮“上移”和“下移”。当用户单击movebutton时,行应该向上移动,类似于向下移动

下面是我的Jquery代码

$(".moveUp").live("click", function(){
    var row = $(".selectRow")
    $(row).each(function() {
        row.insertBefore(row.prev());
    });     
});
但它的行为非常错误。请帮帮我。我是jquery新手


谢谢

你需要像这样尝试

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

无需再次使用
$()
包装

另一种方法是操作纯数据数组(存储行和选定状态),然后在数据更改后触发数据的“渲染”函数。注意,每次操作都要重新绘制整个表。通常这很快,优点是您可以将逻辑/数据与可视界面分离(如MVC样式)。

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