jquery - how to move a first td to last in a tr

Question

I have a jqgrid, on setting multicheck I am getting the checkbox on first column, I want that checkbox column to be the last column.

I found no option on it, so I am writing a custom jquery method to move the first td of the tr to last.

I am try using

loadcomplete:function{
    var row = $(".cbox");
    for (var i = 0; i < row.length; i++) {
        var tr = $(row[i]).parent().parent().parent();
        var td = $(row[i]).parent().parent();
        var newtd = $(td).clone(true);
        $(tr).append($(newtd));
        $(tr).remove($(td)); // i am getting exception here
    }
}

Please help.

Answer 1

Any reason why that's so complex? This should do it:

$('tr').each(function(){
    $('td:first',this).remove().insertAfter($('td:last',this));
});

Live example: http://jsfiddle.net/QEuxN/1/