jQuery在父窗口中選擇元素

Question

有沒有辦法在父窗口中使用jQuery選擇DIV？

例如：

主頁包含此，

<div id="testdiv"></div> 

彈出頁面有一些選項和「應用」按鈕的形式。當用戶點擊應用時，它會影響主頁面上的樣式屬性。

東西沿的邏輯，

parent.$("#testdiv").attr("style", content from form); 

Answer 1

使用上下文參數

$("#testdiv",parent.document) 

但如果你真的使用彈出，你需要訪問首戰代替父

$("#testdiv",opener.document) 

Answer 2

我尋找解決這個問題的方法，並且遇到了本頁面。我實施了上述解決方案：

$("#testdiv",opener.document) //doesn't work 

但它不起作用。也許它在以前的jQuery版本中工作過，但現在看起來不起作用。

我發現了另一個計算器頁面上這個工作液： how to access parent window object using jquery?

從中我得到這個工作的解決方案：

window.opener.$("#testdiv") //This works. 

Answer 3

爲什麼不能既要肯定嗎？

if(opener.document){ 
    $("#testdiv",opener.document).doStuff(); 
}else{ 
    $("#testdiv",window.opener).doStuff(); 
} 

Answer 4

你也可以使用，

parent.jQuery("#testdiv").attr("style", content from form);

Answer 5

我碰到了同樣的問題，但是，如上所述，接受的解決方案並沒有爲我工作。

如果您是框架或iframe元件內部，另一種解決方案是使用

window.parent.$('#testdiv'); 

Here's a quick explanation of the differences between window.opener, window.parent and window.top:

• window.opener指稱爲window.open窗口（.. 。）打開窗口，其名稱爲
• window.parent指的是框架或iframe中窗口的父元素