我有一些项目需要使用一些数组更改多个 iframe 示例
<ul>
<li>
<iframe src="test.html">
<head></head>
<body>
<div class="content">
<p>test</p>
</div>
</body>
</iframe>
</li>
<li>
<iframe src="test.html">
<head></head>
<body>
<div class="content">
<p>test</p>
</div>
</body>
</iframe>
</li>
</ul>
我需要改变<div class="content"><p>test</p></div>对于每个 iframe使用数组 ["<h1>tittle</h1>","<h1>tittle2</h1>"] .
对于第一个 iframe，它将被替换为 array[0] 中的 HTML和第二个 iframe array[1] .
有人可以帮忙吗？谢谢
最佳答案
尝试使用 replaceWith()
var array = ["<h1>tittle</h1>", "<h1>tittle2</h1>"]
$(document).ready(function() {
$('iframe').load(function() {
$('iframe').each(function(a) {
$(this).contents().find('body').children('.content').replaceWith(array[a]);
})
})
})
关于javascript - 更改多个 iframe 的内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43976762/