Question

I am trying to move the last row in a table to the first row. I am moving the asp:Wizard’s next navigation table row to the top.

Here’s my code. What am I doing wrong? The table has 8 rows. It’s just a plain jane wizard right now.

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

    });

What I did in the end, which I should have thought about, was i removed the rows and re-added the order. My syntax was a little off in the ? though after re-examine the tree. I apologize for the confusion, but the IE dev toolbar was placing the tree wrong in the inspector for some reason.

 $(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

Try this

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

});

Hope this helps.