数据列表向上和向下移动行jquery

时间:2016-03-17 10:34:37

标签: jquery datalist

大家好我试图从我的数据列表中上下移动数据,这是我尝试的小提琴,但我没有得到所需的。有人可以帮助我

https://jsfiddle.net/mwd4ranu/

$(document).ready(function(){
$(".up,.down").click(function(){
    var row = $(this).parents("tr:first");
    if ($(this).is(".up")) {
        row.insertBefore(row.prev());
    } else {
        row.insertAfter(row.next());
    }
});

});

1 个答案:

答案 0 :(得分:1)

当你使用父母(" tr:first")时,你实际上选择了最接近的tr而不是你试图移动的那个

$(document).ready(function(){
  $(".up,.down").click(function(){
    var row = $(this).parents("#dlList > tbody > tr").first();
    if ($(this).is(".up")) {
        row.insertBefore(row.prev());
    } else {
        row.insertAfter(row.next());
    }
  });
});

PS:别忘了选择jQuery作为小提琴javascript库