javascript - 在jquery中单击iframe文档时如何获取包含iframe id

Question

我正在寻找一种方法来使用 jQuery 在单击其文档元素时获取 iframe 的 ID。代码将从父窗口初始化运行。

$frame = $("<iframe class='frame'></iframe>").load(function(){
    $(this).contents().bind("click", function(e){
       alert($(this).attr("id"));
    });
}

警报显示为未定义。

或者我也试过:

alert($(this), window.parent).attr("id");

Answer 1

您会注意到，只有当您为 iframe 设置边框并单击它时(即单击 iframe 元素，而不是它包含的文档元素，我相信这正是您所要求的)，上一个示例才有效。

以下代码将鼠标悬停处理程序绑定(bind)到 iframe，它在将 onclick 处理程序绑定(bind)到其内容之前获取 iframe 的 ID。请注意，这仅在 iframe 指向您网站上的另一个页面而不是另一个域上的页面时才有效。

    $(document).ready(function(){

       $('iframe').bind('mouseover', function(){

          var iframeID = $(this).attr('id');

          $(this).contents().unbind(); 

          $(this).contents().bind('click', function(){

              alert(iframeID);  
          });
       }); 

    });