How Can I Find Whether There Are Any Elements At A Certain Position?

I have a collection of divs with the same class at various positions on a larger div. Is there a way, using jQuery, to determine if any divs are overlapping a given position on the

Solution 1:

Read the section on document.elementFromPoint(): http://www.quirksmode.org/blog/archives/2010/06/more_ie9_goodne.html

You can use this to find the "top-most" element at that location. Hide that element, then ask again. If you get another hit, then the 2 divs overlap at that position.

Solution 2:

You could do this using the offset() method of JQuery, but the only way to be accurate is to get the offset of every element in the document -- not likely to perform well.