Выбор элемента в 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 Tools, вы можете просто выбрать контекст запросов DOM в раскрывающемся списке (см. Рисунок).

вот простой JQuery, чтобы сделать это перетаскиваемым div с помощью только контейнера:

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