Вибір елемента в iFrame jQuery

У нашому додатку ми розбираємо веб-сторінку та завантажуємо її на іншу сторінку в iFrame. Усі елементи на завантаженій сторінці мають свої токеніди. Мені потрібно вибрати елементи тими токенідами. Значить - натискаю на елемент на головній сторінці і вибираю відповідний елемент на сторінці в 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');

Також зауважте, що якщо srcцей iframe вказує на інший домен, з міркувань безпеки ви не зможете отримати доступ до вмісту цього iframe у JavaScript.

Погляньте на цю публікацію: 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, ви можете просто вибрати контекст запитів DOM за допомогою спадного меню (див. Малюнок).

ось простий JQuery, щоб зробити це, щоб діг перетягувався лише в контейнері:

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