iframe内をjqueryで操作したい

Question

あるページに埋め込んだiframe内のhtml要素をjqueryで操作したいです。

閲覧ページもiframe内も同じドメインです。

$('#sample') のようなセレクタでは、iframeの中を操作できません。

どうしたら良いでしょうか？

Comments

[m.ts10806]

調べたこと試したことを記載してください。書かれてないことは誰にも伝わりません。丸投げです。
既に提示した内容をすでに見たという後出しが発生し、無駄足になっています。

Answer 1

「jQueryでiframe内の要素にアクセスしたい！」を参照してください。

また、$('#sample', $(iframe要素を指すセレクタ).contents()) とも書けるようです。

Answer 2

HTMLIFrameElement.contentWindowを参照して下さい

Comments

[okirakutetugaku]

ありがとうございます。
自分でも調べてこの概念は分かったのですが、
結局どんなコードを書けばいいのかが分からず詰まってしまいました。

[yambejp]

iframeにどいったhtmlを読んで、それを親からどうしたいのか書かないと
サンプルは提示しづらいですね

[yambejp]

//index.html
<script>
window.addEventListener('DOMContentLoaded', ()=>{
var win=document.querySelector('#hoge').contentWindow;
win.addEventListener('load', ()=>{
win.document.querySelector('#sample').textContent="hoge";
});
});
</script>
<iframe id="hoge" src="hoge.html"></iframe>

//hoge.html
<div id="sample">sample</div>