bagaimana cara mengakses halaman induk iFrame menggunakan jquery?

Saya memiliki iframe dan untuk mengakses elemen induk saya menerapkan kode berikut:

window.parent.document.getElementById('parentPrice').innerHTML

Bagaimana cara mendapatkan hasil yang sama menggunakan jquery?
PEMBARUAN : Atau bagaimana cara mengakses halaman induk iFrame menggunakan jquery?

Untuk menemukan di induk dari iFrame gunakan:

$('#parentPrice', window.parent.document).html();

Parameter kedua untuk pembungkus $ () adalah konteks untuk pencarian. Ini standar untuk didokumentasikan.

cara mengakses halaman induk iFrame menggunakan jquery

window.parent.document.

jQuery adalah perpustakaan di atas JavaScript, bukan pengganti yang lengkap untuk itu. Anda tidak perlu mengganti setiap ekspresi JavaScript terakhir dengan sesuatu yang melibatkan $.

Jika Anda perlu menemukan instance jQuery di dokumen induk (mis., Untuk memanggil fungsi utilitas yang disediakan oleh plug-in) gunakan salah satu sintaks berikut:

• window.parent.$
• window.parent.jQuery

Contoh:

window.parent.$.modal.close();

jQuery dilampirkan ke windowobjek dan itulah yang window.parent.

Anda dapat mengakses elemen jendela induk dari dalam iframe dengan menggunakan window.parentseperti ini:

// using jquery    
window.parent.$("#element_id");

Yang sama dengan:

// pure javascript
window.parent.document.getElementById("element_id");

Dan jika Anda memiliki lebih dari satu iframe bersarang dan Anda ingin mengakses iframe teratas, maka Anda dapat menggunakan window.topseperti ini:

// using jquery
window.top.$("#element_id");

Yang sama dengan:

// pure javascript
window.top.document.getElementById("element_id");

di jendela induk masukkan:

<script>
function ifDoneChildFrame(val)
{
   $('#parentPrice').html(val);
}
</script>

dan di file iframe src cantumkan:

<script>window.parent.ifDoneChildFrame('Your value here');</script>

ya itu bekerja untuk saya juga.

Catatan: kita perlu menggunakan window.parent.document

    $("button", window.parent.document).click(function()
    {
        alert("Functionality defined by def");
    });

Ini bekerja untuk saya dengan sedikit twist. Dalam kasus saya, saya harus mengisi nilai dari POPUP JS ke formulir PARENT WINDOW.

Jadi saya sudah menggunakan $('#ee_id',window.opener.document).val(eeID);

Luar Biasa !!!

Mungkin agak terlambat ke permainan di sini, tapi saya baru saja menemukan plugin jQuery fantastis ini https://github.com/mkdynamic/jquery-popupwindow . Ini pada dasarnya menggunakan event callback onUnload, jadi pada dasarnya mendengarkan keluar untuk penutupan jendela anak, dan akan melakukan hal-hal yang diperlukan pada saat itu. JADI, benar-benar tidak perlu menulis JS apa pun di jendela anak untuk meneruskannya kepada orang tua.

Ada beberapa cara untuk melakukan ini.

I) Dapatkan orang tua utama secara langsung.

untuk exa. saya ingin mengganti halaman anak saya ke iframe lalu

var link = '<%=Page.ResolveUrl("~/Home/SubscribeReport")%>';
top.location.replace(link);

di sini top.location mendapat orang tua secara langsung.

II) dapatkan orang tua satu per satu,

var element = $('.iframe:visible', window.parent.document);

di sini jika Anda memiliki lebih dari satu iframe, maka tentukan yang aktif atau yang terlihat.

Anda juga bisa melakukan ini untuk mendapatkan orang tua lebih lanjut,

var masterParent = element.parent().parent().parent()

III) dapatkan orang tua dengan Identifier.

var myWindow = window.top.$("#Identifier")