将表从最后索引移动到第一个

Question

我试图将表中的最后一行移动到第一行。我正在将asp：向导的下一个导航表格行移到顶部。

这是我的代码。我究竟做错了什么？该表有8行。这只是一个简单的简洁精灵。

 $(document).ready(function() { 
     var wizard = $("#Wizard1"); 

     var k = $("#Wizard1 tbody tr td:first-child"); 
     var m = $("#Wizard1 tbody tr td:first-child").children(":eq(8)"); 

     var n = m.clone(); 

     m.remove(); 
     k.before(n); 

    }); 

我最后做了什么，我应该考虑一下，是我删除了行并重新添加了订单。我的语法有点偏离了？尽管在重新审查树后。我对这种混淆表示歉意，但IE开发工具栏出于某种原因将检查器中的树放错了。

$(document).ready(function() { 
     var k = $("#Wizard1 tr:first-child td:last-child table tr:first-child"); 
     var n = k.clone(); 

     k.remove(); 
     $("#Wizard1 tr:first-child td:last-child table").append(n); 

    }); 

Answer 1

试试这个

$(document).ready(function() { 
    var wizard = $("#Wizard1"); 

    var k = $("#Wizard1 tbody tr:first-child"); 
    var m = $("#Wizard1 tbody tr:last-child"); 
    var n = m.clone(); 

    m.remove(); 
    k.before(n); 

}); 

希望这有助于。

Answer 2

我这样做：

var wizard = document.getElementById("Wizard1"); 
var rows = wizard.getElementsByTagName("TR"); 
var firstRow = rows[0]; 
var lastRow = rows[rows.length - 1]; 
var rowParent = lastRow.parentNode; // You need the parent to manipulate the rows. Does not matter if it is tbody or the table element 

rowParent.replaceChild(lastRow, firstRow); 
rowParent.appendChild(firstRow); 

Answer 3

先找出第一个和最后，然后将自己的位置。

var firstRow = $('#Wizard1').find('tr').eq(0) 
var lastRow = $('#Wizard1').find('tr').eq($('#Wizard1').find('tr').length) 

$('#Wizard1').prepend(lastRow); 
$('#Wizard1').prepend(firstRow);