jQuery draggable约束父节点的父节点

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来包含在特定的div中，但在我的情况下我不能这样做（祖父母的id是动态生成的）

如何在父母的父母中包含？

Answer 1

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

使用parent object find和每个迭代器