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