Jquery | 在定义的区域中获取div元素

Question

是否有一种简单的方法可以使div元素完全适合定义的区域？

例:

<div id="redbox"> RESIZE DIV </div>

<div id="grid">
  <div id="box1"></div>
  <div id="box2"></div>
  <div id="box3"></div>
  <div id="box4"></div>
</div>

我有4个盒子(灰色),我可以调整大小div(所有盒子顶部的红色).调整大小后,我想知道哪个div元素完全适合这个区域.

有谁知道怎么做？是否有方法或功能JQUERY？

Answer 1

在我看来,withinBox插件可能会帮助您解决此问题(jquery.fn.withinBox).你可以使用这样的代码:

var area = $('#redbox'),
    offset = area.offset(),
    selected = $('#grid div').withinBox(offset.left,
                                        offset.top,
                                        area.width(),
                                        area.height()
                                        );