数据列表上下移动行jquery

【问题标题】：data list move up and down rows jquery数据列表上下移动行jquery
【发布时间】：2016-03-18 14:04:19
【问题描述】：

大家好，我正在尝试从我的数据列表中上下移动数据，这是我尝试过的小提琴，但我没有得到所需的小提琴。那么有人可以帮助我吗

$(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());
    }
});

});

【问题讨论】：

标签： jquery datalist

【解决方案1】：

当你使用 parents("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 作为 fiddle javascript 库

【讨论】：

嗨 Ianis 感谢代码正在运行，但我有一个更改，列表按分组并显示。因此，当我向上移动时，如果我有一个文本框作为顶行，则不应移动它。同样，如果我向下移动，如果在下一行中找到文本框，则不应移动它。在这里找到更新jsfiddle.net/mwd4ranu