title: jquery-ui droppable: prevent parent from accepting children
body: <p>I'm making a document list, and I need to stop a draggable element being accepted by its parent. The option is set like:</p>
  
  <pre><code>$( ".onedoc" ).droppable({
  accept: ".onedoc"
  });
  </code></pre>
  
  <p>but I want the droppable not to accept its immediate children. The problem is since it's a nested list, the parents and children have the same classes, so I need to do something like</p>
  
  <pre><code>accept: $(".onedoc").not($(this).children())
  </code></pre>
  
  <p>but of course this doesn't work.</p>