jQuery可拖动，限制在父元素的父元素内

Question

我希望限制可拖动div在其父级元素的父级元素内移动。

<div class="grandparent'> // <-this is the div I would like to constrain to
  <div class="parent">
    <div class="draggable">
    ...
    </div>
  </div>
</div>

我知道我可以像这样在父元素中包含它：

$( ".draggable" ).draggable({
  containment: "parent"
});

我知道可以通过传递id来将内容限制在特定的

中，但在我的情况下，我不能这样做（祖先元素的id是动态生成的）。

如何将内容限制在父级的父级中？

- NateW

Answer 1

$('.draggable').each(function(){
  var $el = $(this);
   $el.draggable({containment:$el.closest('.grandparent')    });
});

使用父对象查找和 for each 迭代器

- Павел Иванов

---

“closest”比“parents”更好，不是吗？ - Alexander O'Mara

你是对的，在这种情况下，closest更好，因为它应该返回第一个出现的父级而不是所有父级。已更新答案。 - Павел Иванов