表格行中单元格的 jQuery 可放置选择器

Question

我在找出解决此问题的正确选择器语法时遇到一些麻烦，希望得到一些帮助。

所以，我有一个有五列的表。在每一行的每个单元格中，我都有 DIV 元素和一个名为 MyClass 的类。我已将 MyClass 对象设置为可拖动，现在我需要设置适当的放置目标。我希望该行中的任何单元格都存在具有 MyClass 的元素（第一列除外），但仅限于该元素存在的行（它不应该能够被删除到其上方或下方的行列中）。

我希望这是有道理的。任何人都知道正确的语法是什么？下面是我目前所做的工作，但它不太正确，因为它允许放置在上方或下方的行中。

$(".MyClass").closest("tr").children(":not('.column-1')").droppable({ ... });

Answer 1

您可以将函数传递给 accept 选项 < code>.droppable() 因此它只接受同一行中的那些

元素，如下所示：

$(".MyClass").closest("tr").children(":not('.column-1')").droppable({
    accept: function(draggable) {
        return $.contains(this.parentNode, draggable[0]);
    }
});

在函数中 draggable 是 jQuery 对象这就是可拖动的，我们只是使用 $.contains() 查看 .parentNode（）是否包含该可拖动...意味着您的

正在尝试从这一排掉落。

您可以在此处进行测试。