javascript - 如何根据位置选择元素？

Question

如何根据位置选择元素？

<div id="parent">
    <p id="text">This is a text</p>
</div>

//CSS

#parent{width:100px;height:100px;position:absolute;left:100px;top:100px;}

现在使用 left=100px,top=100px 如何使用 JQuery 选择 div 元素？

Answer 1

这样的事情可能会起作用:

var el = document.elementFromPoint(100, 100);
var $el = $(el); // if you really want to use jQuery.

document.elementFromPoint 的文档.

这可能不是您要查找的内容:它只会获取该点可见的最顶层元素，并且会获取占据该空间的任何元素，而不仅仅是左上角位于该点的元素。但是，它很有可能会有所帮助 :)。

It is supported by all major browsers ，尽管您可能会在 Safari 4 或 Opera 10.10 上获得古怪的结果。