JQuery выбрать элемент в родительском окне

Question

Есть ли способ выбрать DIV в родительском окне с помощью jQuery?

Например:

На главной странице есть это,

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

Всплывающая страница имеетформа с некоторыми опциями и кнопкой «Применить».Когда пользователь нажимает «Применить», это влияет на атрибут стиля на главной странице.

Что-то в логике,

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

Answer 1

Использовать контекстный параметр

$("#testdiv",parent.document)

Но если вы действительно используете всплывающее окно, вам нужно получить доступ к открыватель вместо parent

$("#testdiv",opener.document)

Answer 2

Я искал решение этой проблемы и наткнулся на настоящую страницу.Я реализовал вышеуказанное решение:

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

Но оно не работает.Возможно, оно работало в предыдущих версиях jQuery, но сейчас оно не работает.

Я нашел это рабочее решение на другой странице stackoverflow: как получить доступ к объекту родительского окна с помощью jquery?

Из которого я получил это рабочее решение:

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

Answer 3

Я сталкивался с той же проблемой, но, как указано выше, принятое решение у меня не сработало.

Если вы находитесь внутри элемента frame или iframe, альтернативное решение - использовать

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

Вот краткое объяснение различий между window.opener, window.parent и window.top:

• window.opener ссылается на окно, которое вызвало window.open (...), чтобы открыть окно, из которого оно называется
• window.parent ссылается на родителя окна в элементе frame или iframe

Answer 4

Вы также можете использовать,

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

Answer 5

почему бы и то и другое не быть уверенным?

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