Cách tìm div bên trong iframe

Question

Tôi đang cố gắng sử dụng jquery để tìm một div bên trong iframe. Có cách nào tốt hơn cái tôi đang sử dụng dưới đây không?

$('#Iframe').contents().find('#MyDiv') 

function atmslidein(){ 
    $("#customer").ready(function(){   
     if($('#customer').attr('src')=='ATM.html') 
     { 
      $('#customer').contents().find('.atm_page').css('margin-left', '270px'); 
      $('#customer').contents().find('.tele').css('display', 'none'); 
     } 
    }) 
} 

Tôi đã thử gần một tuần để làm công việc này:

$('#Iframe').contents().find('#MyDiv') 

Đó là lý do tại sao tôi đã cố gắng một cách khác để truy cập div của iframe.

---

Dù sao tôi thấy cái gì mà tài liệu iframe nên có và chỉ khi đó các chức năng trên hoạt động đúng:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

Vấn đề của tôi được giải quyết, cảm ơn. Nhưng ai đó có thể giải thích tại sao điều này là cần thiết?

Answer 1

Tôi không nghĩ rằng jQuery có thể truy cập nội dung của ContentWindow/Document theo cách đó. Trong quá khứ, tôi đã phải làm điều này:

$('#iframe').each(function() { 
    $('#MyDiv', this.contentWindow.document||this.contentDocument); 
}); 

** Lưu ý rằng this.contentWindow||this.contentDocument là cần thiết để làm việc một cách chính xác trên IE và hầu hết các trình duyệt khác. Khi bạn nhận được cửa sổ nội dung, bạn cần phải chọn tài liệu. Sau đó, bạn có thể sử dụng jQuery để thao tác hoặc duyệt DOM, nhưng chỉ khi nguồn của khung nội tuyến nằm trong cùng một miền.

** Đã cập nhật để sửa lỗi mà chúng tôi không chỉ định tài liệu sau khi chúng tôi nhận được contentWindow/Document.

Answer 2

này sẽ chỉ làm việc nếu nguồn khung nội tuyến là trong lĩnh vực tương tự như trang của bạn, nếu không phải là trình duyệt sẽ không cho phép điều đó vì những lý do an ninh

Answer 3

Sử dụng selector bối cảnh:

var frame = $('#frame_id'); 
var div = $('#mydiv', frame);