Jquery获取父级窗口元素操作

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'); 

猜你喜欢

转载自jiage17.iteye.com/blog/2256555