1. ホーム
  2. javascript

[解決済み] jQueryでiframe内の要素を選択する

2022-06-08 02:15:43

質問

私たちのアプリケーションでは、Webページを解析し、それをiframe内の別のページに読み込みます。その読み込まれたページ内のすべての要素には、それらのトークン ID があります。私はそれらのトークンIDによって要素を選択する必要があります。手段 - 私はメインページ上の要素をクリックし、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 が別のドメインを指している場合、セキュリティ上の理由から、javascriptでこのiframeのコンテンツにアクセスすることができないことに注意してください。