JQuery - как закрыть родительский элемент из iFrame в родительском элементе?

Question

не нашел ничего похожего на мою проблему.

Я пишу DIVs по

var dialog = $('<div id="dialog-overlay"></div><div id="dialog-box"></div><div id="dialog-container"></div>').appendTo('body'); 

В рамках сОн «Диалог-контейнер» Я создаю Iframe по

$("#dialog-container").html('<iframe id="ifrm" class="gs_iframe" frameborder="0" scrolling="no"></iframe>'); 

Теперь проблема заключается в том, что если я хочу, чтобы удалить элемент " диалоговое окно "из iPrame я получаю undefineds. Как я могу это сделать, пожалуйста?

Я знаю, что я могу удалить каждый div по ID, но думаю, что было бы проще и по крайней мере чище просто удалить объект диалога.

Благодарим u заранее.

Answer 1

В родительской страницы, добавьте эту функцию:

function removeIframe() { 
    $('#iframe-selector').remove(); 
} 

Селектор #iframe-selector может быть что-нибудь здесь

Затем в IFRAME, просто вызовите функцию, как это:

window.parent.removeIframe();