Jquery | Lấy các phần tử div trong khu vực đã xác định

Question

có cách đơn giản để có được các phần tử div lắp hoàn toàn trong một khu vực được xác định không?

Ví dụ:

<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> 

tôi có 4 hộp (màu xám) và tôi có thể thay đổi kích thước một div (màu đỏ trên đầu trang của tất cả các ô trống). Sau khi thay đổi kích thước, tôi muốn biết các phần tử div nào được lắp hoàn toàn trong khu vực này.

Có ai biết cách thực hiện việc này không? Có phương pháp hoặc chức năng nào trong JQUERY?

Answer 1

Dường như với tôi, plugin withinBox có thể giúp bạn giải quyết vấn đề này (jquery.fn.withinBox). Bạn có thể sử dụng mã như thế này:

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

Answer 2

Tôi không nghĩ rằng đã có giải pháp hoàn chỉnh cho việc này. Theo đó điều này có thể khác nhau.

Nhưng bạn có thể sử dụng chức năng document.elementFromPoint cho điều đó.

Biết vị trí tuyệt đối của kích thước lớn div bạn có thể tạo bản đồ tọa độ và sau đó xem các phần tử nào theo đó div.

Answer 3

Những gì tôi muốn làm với JQuery là lặp qua tất cả các yếu tố để kiểm tra, nhận được giá trị .offset() của họ, cộng với chiều rộng và chiều cao.

Sau đó, cho mỗi phần tử tôi sẽ nhận được bốn valuyes:

X1 (offset().top) 
Y1 (offset().left) 
X2 (= X1 + width) 
Y2 (= Y1 + height) 

tôi sẽ sử dụng các giá trị để kiểm tra bốn điểm sau (vẫn cho mỗi phần tử để kiểm tra)

x1,y1 x1,y2 x2,y2 x2,y1 (the four corners) 

Cung cấp chúng tôi đã thực hiện cùng một tring với "bao phủ" DIV (lấy nó bốn góc xd1, yd1, xd2, yd2), tôi sẽ lý do như thế này:

Nếu một hoặc nhiều những điểm này rơi vào "bao phủ" của tôi DIV, sau đó xem xét DIV "bao phủ".

Edit: Tôi không biết đã có một plugin cho rằng, tôi đoán đó là cơ nội bộ cũng giống như tôi, nhưng tôi đặt cược đó là một giải pháp đơn giản hơn tôi :)