javascript - その行の最初の td を除いてテーブル行 td データを上下に移動してデータを並べ替える

Question

ユーザーがその行の他のデータを上下に移動している間、行の最初の td である位置が移動しないように、これを機能させようとしています。

jsFiddle: http://jsfiddle.net/qjd8w/6/

$(document).ready(function(){
    $('.up, .down').click(function(e){
        e.preventDefault();
        var row = $(this).parents("tr:first").children().not(':first'); 
        //causes error

        if ($(this).is(".up")) {
            row.insertBefore(row.prev());
        } 
        else {
            row.insertAfter(row.next());
        }
    });
});

var row = $(this).parents("tr:first") -- それだけでも目的の効果がありますが、行の残りの部分と一緒に位置が上下に移動します。

ポジションは一切動かしたくないので、常に順番通り(1,2,3,4)

どんな助けでも大歓迎です。

Answer 1

1 つのオプションは、単純に最初の列の番号を付け直すことです。

http://jsfiddle.net/FWCJm/

$('tbody tr td:first-child').each(function(idx, item) {
    $(this).text(idx+1);
});