如何使用jQuery查找顶部元素



给定页面上的元素,我想在这个元素的最顶部找到该元素。 因此,如果我有一个<div id="A">,上面有<img id="B"><div id="C">在图像的顶部,<img id="D">在div的顶部,那么从div#A,我可以找到顶部元素是img#D。

有没有一种简单的方法可以用jQuery做到这一点?

谢谢

尝试以下操作:

$('#A').parent().child('first');

.parent() 将获取 #A 的容器,.child('first') 将获取该元素的第一个子元素。

如果您知道顶部元素的 id-name,则可以使用:

$("#d").parents("#a");

这会影响 id="a" 的 #d 的每个父级。为了清楚起见,请查看此小提琴。

如果您不知道 ID,但知道顶部 DIV 所在的元素,这也是使用父级的另一种方式。

例如:

<body>
    <div id="a">
        This is A
        <div id="b>">
            This is B
            <div id="c">
                This is C
                <div id="d">
                    Thid is D
                </div>
            </div>
        </div>
    </div>
</body>

然后你可以使用 .map() 搜索数组,看看tagName是否是"BODY",如果是,则获取数组中的位置 - 1,并且数组编号对应于 ID="a" 的元素。

这个小提琴会把事情弄清楚。

我试图将我遇到的问题提炼成简单的东西,但我没有在这个问题中抓住问题的本质,现在我们偏离了轨道,所以我认为我不能保存这个问题。 我道歉。 我已经在

筛选堆叠元素的多个放置处理程序中断

希望你能去那边看看。

谢谢大家看上面的问题。

最新更新