Question

我有一个主页，我们将其称为＆＃34; main.php＆＃34;。在此页面存在一个iframe，我们将其称为＆＃34; frameX＆＃34;。

1。＆＃34; main.php＆＃34;

的示例html

<html>
<div class="result">20</div>
<div class="result">25</div>
<div class="result">154</div>
<iframe id="X"></iframe>
</html>

2。示例html of＆＃34; frameX＆＃34;：

<div class="button"></div>

＆＃34; frameX＆＃34;的内容和＃34; main.php＆＃34;来自相同的网址（例如：www.example.com）

现在的问题是： 我怎样才能重新加载所有＆＃34;结果＆＃34;通过单击＆＃34;按钮＆＃34;来显示div（在iframe外部） div（iframe内部）？

我试过 jQuery＆＃34; load＆＃34;功能：

$( '.button' ).click(function() {
    $(".result").load("https://www.example.com/main.php" + ".result");
});

...但这仅适用于同一页面。有人有一个简单的解决方案吗？它甚至可能吗？

Answer 1

您需要指明jQuery将选择元素的上下文。

$( '.button' ).click(function() {
    $(".result", window.parent.document).load("https://www.example.com/main.php" + ".result");
});

Answer 2

据我所知，iframe没有onClick事件，但您可以挂钩iframe中的实际文档。

document.getElementById("iframe-id").contentWindow.document.body.onclick = 
function() {
  $(".result").load(https://www.example.com/main.php + ".result");
}

注意：这仅在iframe在同一域内呈现页面时才有效。

使用jquery

2 个答案: