向上和向下移动表行td数据除了该行的第一个td以重新排序数据

时间:2013-09-24 20:08:59

标签: javascript jquery

我一直试图让这个工作,以便当用户正在向上或向下移动该行中的其他数据时,行的第一个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)

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

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

http://jsfiddle.net/FWCJm/

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