jQuery使用表对象

时间:2016-02-12 16:32:17

标签: javascript jquery jquery-plugins

正在研究Drag&删除表行并更新数据库中的顺序。

我为附件中的所有表编写了一个泛型函数。请建议如何从表对象迭代表行。并且还请建议任何有用的插件来实现Drag&删除功能。

错误消息:未捕获错误:语法错误,无法识别的表达式:[object Object]> tbody> TR 这是提琴手链接:https://jsfiddle.net/22yLakr3/5/

$("table").sortable({
            items: "tr",
            cursor: 'move',
            opacity: 0.6,
            update: function () {
                var abc = $(this);
                $(abc + ' > tbody > tr').each(function () {                      
                   var id = $(this).attr('data-k');                 
                });

            }
        });

enter image description here

1 个答案:

答案 0 :(得分:0)

你需要注意两点:

第一个是:为什么要在更新事件中循环?如果您需要获取当前更新元素的数据k,则解决方案是不同的

第二个是:如果你需要在每一行上循环,你就不能使用一个对象作为选择器。

在下面(请参阅更新事件函数中的备注):

$(function () {
  $("table").sortable({
    items: "tr",
    cursor: 'move',
    opacity: 0.6,
    update: function (event, ui) {
      // on update you may take the data-k atribute value simply:
      var lDataK = ui.item.data('k');


      // If instead on update (triggered when the user stopped sorting and 
      // the DOM position has changed)
      // you need to look for all rows you need to write:
      $(this).find('tbody > tr').each(function (index, element) {
        var id = element.getAttribute('data-k');
        // now you can use this value
      });

    }
  });
});