javascript - 如何选择边界内的元素？

Question

我正在尝试找出一种方法来选择在绝对定位的 div 中重叠(并包含、完全覆盖)的元素。

我基本上需要在某个像素边界内选择元素。这如何使用 jQuery 完成？

Answer 1

基本思路是:

var left = 100,
    top = 200,
    right = 300,
    bottom = 500;

$('#main-div').children().filter(){
    var $this = $(this),
        offset = $this.offset(),
        rightEdge = $this.width() + offset.left,
        bottomEdge = $this.height() + offset.top;

    if (offset.top > top && offset.left > left && right > rightEdge && bottom > bottomEdge) {
        return true;
    }

    return false;
});

将顶部的坐标更改为您需要的任何值。