jquery - 从 iframe 运行父 jquery

Question

我希望iframe中名为“test”的类可以在父级中运行jquery代码，我尝试了以下，它不起作用

家长：

$("#listing").$(".test").click(function() {
  alert($(this).attr('title'));
  return false;
});

iframe <iframe id="listing"> ：

<a href="/89" title="hello" class="test">Click</a>
<a href="/90" title="hello2" class="test">Click</a>

我应该怎么办？谢谢

score 1 · Accepted Answer

尝试这个：

$("#listing").find(".test").click(function() {
  alert($(this).attr('title'));
  return false;
});

score 0 · Accepted Answer

您可以使用 contentWindow.document 访问 iframe 文档。

$(document.getElementById('listing').contentWindow.document).find('.test').click(function(){...});

score 0 · Accepted Answer

除了其他用途外，contents() 方法还允许访问一个内容文档（当然<iframe>，前提是它与父级来自同一个域，因为同源策略）：

$("#listing").contents().find(".test").click(function() {
    alert($(this).attr("title"));
    return false;
});

3 回答 3