테이블 행에있는 셀의 jQuery 드롭 가능 선택자

Question

이 문제에 대한 올바른 선택기 구문을 파악하는 데 약간의 문제가있어 도움을 얻을 수 있습니다.

그래서 5 개의 열이있는 표가 있습니다. 각 행에서 각 셀에는 MyClass라는 클래스가있는 DIV 요소가 있습니다. 나는 드래그 할 수 있도록 MyClass의 개체를 설정 했으므로 적절한 드롭 대상을 설정해야합니다. 행의 모든 ​​셀에 첫 번째 열을 제외하고 MyClass가있는 요소가 있지만 그 요소가있는 행에 대해서만 존재합니다 (위 또는 아래 행의 열에 놓을 수 없어야 함).

나는 그것이 의미가 있기를 바랍니다. 누구든지 올바른 구문에 대해 어떤 아이디어가 있습니까? 아래는 내가 현재 작동하고있는 것이지만 위 또는 아래의 행을 삭제할 수 있기 때문에 올바르지 않습니다. 함수 draggable에서

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

가있다 jQuery 오브젝트이다

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

Answer 1

넌 .droppable() 대한 accept option에 기능을 전달할 수있는 정도로 단지 이런 동일한 행에 해당 <div> 요소를 받아들이 드래그 가능, 우리는 단지 $.contains()을 사용하여 .parentNode (<tr>)에 해당 드래그 가능 항목이 포함되어 있는지 확인하려고합니다. 즉, <div>이 드롭 다운 된 것을 의미합니다.

You can test it out here.