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

一种选择是简单地重新编号第一列：

http://jsfiddle.net/FWCJm/

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