表格中的單元格的jQuery droppable選擇器

Question

我有一些麻煩找出這個問題的正確的選擇器語法，並希望得到一些幫助。

所以，我有一個表，有五列。在每一行中，在每個單元格中，我都有一個名爲MyClass的DIV元素。我將MyClass的對象設置爲可拖動的，現在我需要設置合適的放置目標。我希望行中的任何單元格包含MyClass的元素（第一列除外），但只存在於元素存在的行中（它不應該被丟棄在上面或下面的行的列中）。

我希望這是有道理的。任何人有任何想法什麼是正確的語法？以下是我目前正在工作的內容，但不完全正確，因爲它允許在上面或下面的行中刪除。

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

Answer 1

可以傳遞函數到accept option爲.droppable()所以它僅接受相同的行中的那些<div>元件，這樣：

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

在功能draggable是jQuery的對象，它是可拖動，我們只是使用$.contains()來查看.parentNode（<tr>）是否包含該可拖動...意味着您要刪除的<div>來自此行。

You can test it out here。