การเลือกองค์ประกอบใน iFrame jQuery

ในแอปพลิเคชันของเราเราแยกวิเคราะห์หน้าเว็บและโหลดลงในหน้าอื่นใน iFrame องค์ประกอบทั้งหมดในหน้าที่โหลดนั้นมี tokenid-s ฉันต้องการเลือกองค์ประกอบตาม tokenid-s เหล่านั้น หมายถึง - ฉันคลิกที่องค์ประกอบในหน้าหลักและเลือกองค์ประกอบที่เกี่ยวข้องในหน้าใน iFrame ด้วยความช่วยเหลือของ jQuery ฉันทำด้วยวิธีต่อไปนี้:

function selectElement(token) {
     $('[tokenid=' + token + ']').addClass('border'); 
}

อย่างไรก็ตามด้วยฟังก์ชั่นนี้ฉันสามารถเลือกองค์ประกอบในเพจปัจจุบันเท่านั้นไม่ใช่ใน iFrame ใครช่วยบอกทีฉันจะเลือกองค์ประกอบใน iFrame ที่โหลดได้อย่างไร

ขอบคุณ

var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');

โปรดทราบว่าหากsrciframe นี้ชี้ไปที่โดเมนอื่นเนื่องจากเหตุผลด้านความปลอดภัยคุณจะไม่สามารถเข้าถึงเนื้อหาของ iframe นี้ในจาวาสคริปต์ได้

ดูโพสต์นี้: http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

$("#iframeID").contents().find("[tokenid=" + token + "]").html();

วางตัวเลือกของคุณในวิธีการค้นหา

อย่างไรก็ตามอาจไม่สามารถทำได้หาก iframe ไม่ได้มาจากเซิร์ฟเวอร์ของคุณ โพสต์อื่น ๆ พูดถึงข้อผิดพลาดที่ถูกปฏิเสธการอนุญาต

jQuery / JavaScript: เข้าถึงเนื้อหาของ iframe

เมื่อเอกสารของคุณพร้อมนั่นไม่ได้หมายความว่า iframe ของคุณก็พร้อมเช่นกัน
ดังนั้นคุณควรฟังเหตุการณ์โหลด iframe จากนั้นเข้าถึงเนื้อหาของคุณ:

$(function() {
    $("#my-iframe").bind("load",function(){
        $(this).contents().find("[tokenid=" + token + "]").html();
    });
});

หากกรณีนี้กำลังเข้าถึง IFrame ผ่านคอนโซลเช่น Chrome Dev Tools คุณสามารถเลือกบริบทของคำขอ DOM ผ่านทางดรอปดาวน์ (ดูภาพ)

นี่คือ JQuery ง่ายๆในการทำสิ่งนี้เพื่อให้ div สามารถลากได้ด้วยคอนเทนเนอร์เท่านั้น:

$("#containerdiv div").draggable( {containment: "#containerdiv ", scroll: false} );