Seleccionar un elemento en iFrame jQuery

En nuestra aplicación, analizamos una página web y la cargamos en otra página en un iFrame. Todos los elementos en esa página cargada tienen sus tokenid-s. Necesito seleccionar los elementos por esos tokenid-s. Medios: hago clic en un elemento en la página principal y selecciono el elemento correspondiente en la página en el iFrame. Con la ayuda de jQuery lo estoy haciendo de la siguiente manera:

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

Sin embargo, con esta función puedo seleccionar los elementos solo en la página actual, no en el iFrame. ¿Alguien podría decirme cómo puedo seleccionar los elementos en el iFrame cargado?

Gracias.

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

También tenga en cuenta que si el srcde este iframe apunta a un dominio diferente, por razones de seguridad, no podrá acceder al contenido de este iframe en javascript.

Echa un vistazo a esta publicación: http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

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

Coloque su selector en el método de búsqueda.

Sin embargo, esto puede no ser posible si el iframe no proviene de su servidor. Otras publicaciones hablan de permisos denegados errores.

jQuery / JavaScript: acceder al contenido de un iframe

cuando su documento esté listo, eso no significa que su iframe también esté listo,
por lo que debe escuchar el evento de carga de iframe y luego acceder a su contenido:

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

Si el caso está accediendo al IFrame a través de la consola, por ejemplo, Chrome Dev Tools, puede seleccionar el contexto de las solicitudes DOM a través del menú desplegable (ver la imagen).

Aquí es simple JQuery para hacer esto para hacer que div se pueda arrastrar con solo un contenedor:

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