给定页面上的元素,我想在这个元素的最顶部找到该元素。 因此,如果我有一个<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" 的元素。
这个小提琴会把事情弄清楚。
我试图将我遇到的问题提炼成简单的东西,但我没有在这个问题中抓住问题的本质,现在我们偏离了轨道,所以我认为我不能保存这个问题。 我道歉。 我已经在
筛选堆叠元素的多个放置处理程序中断
希望你能去那边看看。
谢谢大家看上面的问题。