html代码向下移动,在html表格中向下移动Jquery

有一张表格，用户可以在其中选择多行，在下面有两个按钮“向上”和“向下”。如果用户点击“向下”选中的行应该向下一行，“向上”则相同，选定的行应该增加一行，用户可以选择任何行。在html表格中向下移动Jquery

下面是我的jQuery代码。

对于 “向下”

$(".moveDown").live("click", function(){

var row = $("#pageDefTable .selectRow");

row.each(function() {

var $this=$(this);

$this.insertAfter($this.next());

});

return false;

});

而对于 “向上”

$(".moveUp").live("click", function() {

var row = $("#pageDefTable .selectRow");

row.each(function() {

var $this=$(this);

$this.insertBefore($this.prev());

});

return false;

});

但它不工作的罚款。当我选择最上面两行并单击时，它不起作用。 以同样的方式，如果我选择最后两行并点击，它不起作用。

您的建议和帮助，将不胜感激。

嗨达米安，你提供的解决方案在正常情况下工作正常。我有一个案例..我在下面解释， 有两个表格说左和右>用户可以从左表中选择任何行(id = metricTable)，并可以移动到右表(id = pageDefTable)，它附加在最后在表中，并在右表中显示为选定的行。下面

是从左表中选择到右表中的任何行

$("#center .move-row").live("click", function() {

var tr = $("#metricTable .selectRow").remove().clone();

$("#pageDefTable tbody").append(tr);

return false;

});

右表是具有上移和下移的功能，只是由左到右表中移动任何一行之后该表的代码比单击moveup按钮，它不会移动行，当我第二次点击它消失。

请任何帮助和建议???

+0

向我们展示你的HTML代码 –