jQueryでiframe内の要素を選択する 質問する

jQueryでiframe内の要素を選択する 質問する

私たちのアプリケーションでは、Web ページを解析し、それを iframe 内の別のページに読み込みます。読み込まれたページのすべての要素にはトークン ID があります。それらのトークン ID で要素を選択する必要があります。つまり、メイン ページの要素をクリックし、iframe 内のページ内の対応する要素を選択します。jQuery の助けを借りて、次のように実行します。

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

ただし、この機能を使用すると、iFrame ではなく、現在のページ内の要素のみを選択できます。読み込まれた iFrame 内の要素を選択する方法を教えてください。

ありがとう。

ベストアンサー1

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

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

おすすめ記事