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

Question

我正在尝试将表中的最后一行移动到第一行。我将 asp:Wizard 的下一个导航表行移到顶部。

这是我的代码。我究竟做错了什么？该表有 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 firstRow = $('#Wizard1').find('tr').eq(0)
var lastRow =  $('#Wizard1').find('tr').eq($('#Wizard1').find('tr').length)

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

Answer 3

我会这样做：

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);