如何根据位置选择元素？

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.

这可能不是你想要的:它只会获得那个点上可见的最顶层元素,并且它将获得占据该空间的任何元素,而不仅仅是那个左上角位于该点的元素.但是,很有可能,它会有所帮助:).

所有主流浏览器都支持它,尽管你可以通过Safari 4或Opera 10.10获得古怪的结果.