html文章内に書かれているiframeのsrcをjqueryで動的に書き換えたい

前提・実現したいこと

html文章内に書かれているiframeのsrcをjqueryで動的に書き換えたい。

発生している問題・エラーメッセージ

試したこと

補足情報(言語/FW/ツール等のバージョンなど)

Google Chrome(バージョン: 60.0.3112.113)
サクラエディター

yambejp

2017/09/06 02:47

親・子ページのサンプルを例示しどう書き換えたいか提示して下さい

退会済みユーザー

2017/09/06 02:48

自身で試してみたJavaScriptのソースコード（出来ればHTMLも）を提示し、こういう風に試してみたがここが上手くいかない。というのを追記すれば回答も得られやすくなると思いますよ。https://teratail.com/help/question-tips#questionTips1-2

m.ts10806

2017/09/06 02:59

この場合、「ツール等のバージョン」は利用したいプラグインやライブラリが該当するはずなので、サクラエディタはあまり情報として有益にはなりません。利用している・予定のjQueryのバージョンが適当だと思います。

wavekidsjp

2017/09/06 12:49

丸投げとの意見を多数いただき、申し訳ありませんでした。次回からは気を付けます。

行動規範の内容に同意します

回答1件

ベストアンサー

html
1<html>
2<head>
3<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
4<script>
5$(function() {
6	$("#btnChange").click(function() {
7		$("#frameSample").attr("src", "after.html");
8	});
9});
10</script>
11</head>
12<body>
13<iframe id="frameSample" src="before.html"></iframe>
14<button id="btnChange">change</button>
15</body>
16</html>