Làm thế nào để truy cập trang mẹ iFrame bằng jquery?

Tôi có iframe và để truy cập phần tử cha, tôi đã triển khai mã sau:

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

Làm thế nào để có được kết quả tương tự bằng cách sử dụng jquery?
CẬP NHẬT : Hoặc làm thế nào để truy cập trang mẹ iFrame bằng jquery?

Để tìm trong phần gốc của iFrame, hãy sử dụng:

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

Tham số thứ hai cho trình bao bọc $ () là bối cảnh để tìm kiếm. Điều này mặc định cho tài liệu.

Cách truy cập trang mẹ iFrame bằng jquery

window.parent.document.

jQuery là một thư viện trên JavaScript, không phải là sự thay thế hoàn toàn cho nó. Bạn không phải thay thế mọi biểu thức JavaScript cuối cùng bằng một cái gì đó liên quan đến $.

Nếu bạn cần tìm phiên bản jQuery trong tài liệu gốc (ví dụ: để gọi một hàm tiện ích được cung cấp bởi một trình cắm thêm), hãy sử dụng một trong các cú pháp sau:

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

Thí dụ:

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

jQuery được gắn vào windowđối tượng và đó là những gì window.parent.

Bạn có thể truy cập các phần tử của cửa sổ cha mẹ từ trong iframe bằng cách sử dụng window.parentnhư thế này:

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

Điều này giống như:

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

Và nếu bạn có nhiều iframe lồng nhau và bạn muốn truy cập iframe cao nhất, thì bạn có thể sử dụng window.topnhư thế này:

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

Điều này giống như:

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

trong cửa sổ cha mẹ đặt:

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

và trong tệp ifrc src đặt:

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

yeah nó làm việc cho tôi là tốt.

Lưu ý: chúng ta cần sử dụng window.parent.document

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

Nó làm việc cho tôi với một chút thay đổi. Trong trường hợp của tôi, tôi phải nhập giá trị từ dạng POPUP vào dạng PARENT WINDOW.

Vì vậy, tôi đã sử dụng $('#ee_id',window.opener.document).val(eeID);

Thông minh!!!

Có thể hơi muộn với trò chơi ở đây, nhưng tôi mới phát hiện ra plugin jQuery tuyệt vời này https://github.com/mkdynamic/jquery-popupwindow . Về cơ bản, nó sử dụng một sự kiện gọi lại onUnload, vì vậy về cơ bản nó sẽ lắng nghe việc đóng cửa sổ con và sẽ thực hiện bất kỳ nội dung cần thiết nào tại thời điểm đó. Vì thực sự không cần phải viết bất kỳ JS nào trong cửa sổ con để gửi lại cho cha mẹ.

Có nhiều cách để làm những điều này.

I) Nhận phụ huynh trực tiếp.

Cho exa. tôi muốn thay thế trang con của tôi thành iframe rồi

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

ở đây top.location được cha mẹ trực tiếp.

II) nhận cha mẹ từng người một,

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

ở đây nếu bạn có nhiều hơn một iframe, sau đó chỉ định một kích hoạt hoặc hiển thị.

bạn cũng có thể làm như thế này để có thêm cha mẹ,

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

III) nhận cha mẹ bằng Mã định danh.

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