1、子页面元素有时是include进父页面,有时是iframe嵌入父页面,在子页面获取父页面中的元素做一些操作。
可以如下使用:
$(selector, window.parent.document);
其中,selector选择器同jQuery选择元素时使用的选择器一样。
比如 $("#父窗口元素id", window.parent.document);
$(".父窗口元素class", window.parent.document);
$("父窗口元素name", window.parent.document); 等。
项目组有类似应用,如下图所示:
需要在子页面查找iframe外层的div,并修改该div的样式。
var obj = $("iframe[src^='taskController.do?goTaskTab']",window.parent.document);//获得父页面的iframe
var objParent = obj.parent();//获得iframe的父元素div
objParent.css("padding","0px");
2、若需要取得父窗口的父窗口的元素操作,可使用:
$(selector,window.parent.parent.document);
3、子页面元素是include进来的,在父页面元素需要获取子页面的元素做一些操作..
方法:
$('#子页面元素').contents().find('#需要找的子页面元素').addClass('on');
注:#子页面元素需包含#需要找的子页面元素
4、同级frame间互相操作
$(self.parent.frames["frame2"].document).find('xx');