iFrame jQueryで要素を選択する

このアプリケーションでは、Webページを解析して、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');

またsrc、セキュリティ上の理由により、このiframeのが別のドメインを指している場合は、JavaScriptでこのiframeのコンテンツにアクセスできません。

この投稿をご覧ください：http : //praveenbattula.blogspot.com/2009/09/access-iframe-content-using-jquery.html

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

セレクタをfindメソッドに配置します。

ただし、iframeがサーバーから送信されていない場合は、これができない場合があります。他の投稿では、アクセス拒否エラーについて説明しています。

jQuery / JavaScript：iframeのコンテンツへのアクセス

ドキュメントの準備ができても、iframeも準備ができているわけではない
ので、iframeロードイベントをリッスンしてからコンテンツにアクセスする必要があります。

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

ケースがコンソールを介してIFrameにアクセスしている場合（例：Chrome Dev Tools）、ドロップダウンを介してDOMリクエストのコンテキストを選択できます（図を参照）。

これは、divをコンテナのみでドラッグ可能にするためにこれを行う単純なJQueryです。

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