Sélection d'un élément dans iFrame jQuery

Dans notre application, nous analysons une page Web et la chargeons dans une autre page dans un iFrame. Tous les éléments de cette page chargée ont leur tokenid-s. J'ai besoin de sélectionner les éléments par ces tokenid-s. Signifie - Je clique sur un élément de la page principale et sélectionne l'élément correspondant dans la page dans l'iFrame. Avec l'aide de jQuery, je le fais de la manière suivante:

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

Cependant, avec cette fonction, je peux sélectionner les éléments dans la page actuelle uniquement, pas dans l'iFrame. Quelqu'un pourrait-il me dire comment puis-je sélectionner les éléments dans l'iFrame chargé?

Merci.

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

Notez également que si le srcde cette iframe pointe vers un domaine différent, pour des raisons de sécurité, vous ne pourrez pas accéder au contenu de cette iframe en javascript.

Jetez un œil à cet article: http://praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

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

Placez votre sélecteur dans la méthode de recherche.

Cependant, cela peut ne pas être possible si l'iframe ne provient pas de votre serveur. D'autres articles parlent d'erreurs de refus d'autorisation.

jQuery / JavaScript: accéder au contenu d'une iframe

lorsque votre document est prêt, cela ne signifie pas que votre iframe est également prêt,
vous devez donc écouter l'événement iframe load puis accéder à votre contenu:

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

Si le cas accède à l'IFrame via la console, par exemple Chrome Dev Tools, vous pouvez simplement sélectionner le contexte des requêtes DOM via la liste déroulante (voir l'image).

voici JQuery simple pour faire ceci pour rendre div déplaçable avec dans un seul conteneur:

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