cách truy cập trang mẹ của iFrame bằng jquery?

Question

Tôi có một iframe và để truy cập vào phần tử cha tôi thực hiện đoạn mã sau:

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

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

Answer 1

Để tìm trong các phụ huynh về việc sử dụng iFrame:

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

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

Answer 2

làm thế nào để truy cập vào trang mẹ iFrame sử dụng jquery

window.parent.document.

jQuery là thư viện trên đầu trang của JavaScript, không phải là một thay thế hoàn chỉnh 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 $.

Answer 3

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

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

và trong iframe src tập tin đặt:

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

Answer 4

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

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

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

Answer 5

Nó làm việc cho tôi với chút twist. Trong trường hợp của tôi, tôi phải điền giá trị từ POPUP JS vào biểu mẫu Windows PHỤ HUYNH.

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

Tuyệt vời !!!

Answer 6

Có thể hơi muộn để chơi ở đây, nhưng tôi vừa 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, do đó, về cơ bản nó lắng nghe cho việc đóng cửa sổ con, và sẽ thực hiện bất kỳ công cụ cần thiết nào vào thời điểm đó. SO thực sự không cần phải viết bất kỳ JS nào trong cửa sổ con để trả lại cho cha mẹ.

Answer 7

Nếu bạn cần phải tìm ra dụ jQuery trong tài liệu gốc (ví dụ, để gọi một chức năng tiện ích được cung cấp bởi một plug-in) sử dụng một trong những cú pháp:

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

Ví dụ:

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

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

Answer 8

Bạn có thể truy cập vào các yếu tố của cửa sổ cha mẹ từ bên trong một khung nội tuyến bằng cách sử dụng window.parent như thế này:

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

Mà là giống như:

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

Và nếu bạn có nhiều hơn một iframe lồng nhau và bạn muốn truy cập iframe trên cùng, sau đó bạn có thể sử dụng window.top như thế này:

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

Giống như:

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

Answer 9

Có nhiều cách để thực hiện việc này.

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

cho exa. tôi muốn thay thế trang con của tôi để khung nội tuyến sau đó

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

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

II) được cha mẹ từng người một,

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

đây nếu bạn có nhiều thì một khung nội tuyến, sau đó xác định một hoạt động hoặc có thể nhìn thấy.

bạn cũng có thể làm như thế này để có được cha mẹ hơn nữa,

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

III) được cha mẹ bằng cách nhận diện.

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