JQuery在Iframe(通过其文本)中查找元素并向其添加.click函数

前端之家收集整理的这篇文章主要介绍了JQuery在Iframe(通过其文本)中查找元素并向其添加.click函数前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个网页(A),我使用iframe将(A)嵌入到我的主页(B).这个(A)包含一个关闭浏览器窗口的链接

由于我嵌入(A),(A)中的紧密能力不再具有功能性.我需要做的是,当从(B)点击此链接时,我想要隐藏我的iframe,换句话说,让它看起来像关闭.所以我必须在iframe中找到该链接并了解它是否被点击(B)?

请帮忙.

谢谢

最佳答案
我想以下是可行的.我们基本上对您的iframe内容执行“查找”.找到我们想要的链接后,我们将一个事件绑定到它,它将关闭父文档中的正确iframe.请注意,您的iframe必须与您的父网页位于同一个域中,否则您将无法访问其元素.另外,我在链接添加了一个类,以便于选择.我建议你也这样做.

$("#iframeID").contents().find("a.closeWindow").bind("click",function(){
  $("#iframeID",top.document).hide();
});

如果您绝对需要将绑定基于链接的文本,则必须循环访问链接以找到正确的链接

$("a",$("#iframeID").contents()).each(function(){
  if ($(this).text() == "Close The Page") {
    $(this).bind("click",function() { 
      $("#iframeID",top.document).hide(); 
    });
  }
});
原文链接:https://www.f2er.com/jquery/428844.html

猜你在找的jQuery相关文章