查找在jquery中(视觉上)元素下堆叠的元素
如果我有2个div(z索引没有分配),一个分层覆盖,我可以使用顶部div的引用来找到它下面的div吗？
就DOM结构而言,这两个div将是兄弟姐妹.但在视觉上它们彼此堆叠在一起.
这是一个例子:
<body>
<div id="box1" style="background:#e0e0e0;height:100px;width:100px;"></div>
<div id="box2" style="background:#000000;height:100px;width:100px;margin-top:-50px;"></div>
</body>
结果如下:
所以我试图找出,当有黑色div,box2,一种在jquery中返回box1的方法(使用选择器),因为box1在box2下面,使用jquery.
hun*_*ter 22
检查是否box1与页面上的某个位置共享相同的位置.
只是因为我有点无聊,我做了这个真棒
http://jsfiddle.net/hunter/PBAb6/
function GetAllElementsAt(x, y) {
var $elements = $("body *").map(function() {
var $this = $(this);
var offset = $this.offset();
var l = offset.left;
var t = offset.top;
var h = $this.height();
var w = $this.width();
var maxx = l + w;
var maxy = t + h;
return (y <= maxy && y >= t) && (x <= maxx && x >= l) ? $this : null;
});
return $elements;
}