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