jQuery选择iframe中的DOM（元素）

最新推荐文章于 2024-08-17 04:09:27 发布

原创最新推荐文章于 2024-08-17 04:09:27 发布 · 340 阅读

0 ·

CC 4.0 BY-SA版权

数组同时被 3 个专栏收录

10 篇文章

订阅专栏

WEB前端

5 篇文章

订阅专栏

数组排序算法

4 篇文章

订阅专栏

本文介绍了一种方法来获取不同高度的IFrame中特定元素的高度。通过jQuery选择器选取元素并将它们转换为数组，接着遍历这些元素以计算其相对于IFrame顶部的位置，并加上IFrame自身的高度。

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><pre name="code" class="javascript">function getAnchorHeightArray() {
	var heightOfIframe1;
	var heightOfIframe2;
	var maodianaaa
	heightOfIframe1 = $("#iframe1").offset().top;
	heightOfIframe2 = $("#iframe2").offset().top;
	var arr1 = $('#iframe1').contents().find("a[id^='a']").toArray();
	var arr2 = $('#iframe2').contents().find("a[id^='b']").toArray();

	$.each(arr1, function(i, val) {
		$(val).attr("anchorDistance", $(val).offset().top + heightOfIframe1);
	});

	$.each(arr2, function(i, val) {
		$(val).attr("anchorDistance", $(val).offset().top + heightOfIframe2);
	});
	anchorArray = arr1.concat(arr2);
}

这是取得两个高度不同iframe中元素高度的例子，

使用$('#iframe1').contents().find("a[id^='a']")选定iframe当中a开头的ID，并转为数组。

遍历每个元素在iframe内的高度并加上iframe在窗口的高度，确定iframe内的元素到窗口顶部的高度。