Jquery 获取 A 标签的closest() Iframe 返回未定义

Question

我正在 onmouseover 调用我的 javascript 中的函数。在函数调用中，我包含 srcElement （它是一个 a 标签）。现在我需要获取该 a 标签最近的 Iframe 的 offsetWidth。但是当我尝试这个时：

alert($(srcElement).closest('iframe').offset().left);

我变得未定义！这也不起作用：

alert($(srcElement).closest('iframe').attr('title'));

但这可以工作并返回 iframe 内主体的 id：

alert($(srcElement).closest('body').attr('id'));

这是我在 html 中的函数调用：

showPeopleDetails('User_Matt', event.clientX, event.clientY, event.srcElement);

这是 javascript 函数：

function showPeopleDetailsNow(UserId, x, y, srcElement){
   currentwidth = $(document).width();
   currentheight = $(document).height();
   adjustwidth = $(srcElement).closest('iframe').offset().left;
   adjustheight = $(srcElement).closest('iframe').offset().top;
   var calculatedheight = currentheight - adjustheight;
   var calculatedwidth = currentwidth - adjustwidth;

现在我正在这样做，但这只能工作我的页面的一部分。由于 id 是由框架动态生成的。

   adjustwidth = parent.document.getElementById('ivuFrm_page0ivu0').contentWindow.document.getElementById('ivuFrm_page0ivu2').offsetWidth;
   adjustheight = parent.document.getElementById('ivuFrm_page0ivu0').contentWindow.document.getElementById('ivuFrm_page0ivu2').offsetHeight;

有没有什么方法可以获取 body 标签的偏移量（这是否是 iframe 的正确偏移量？我知道我可以获取 body 元素的宽度，但它不准确几个 px...显然，如果 Iframe 的正确偏移量更好！ Iframe 与原始页面具有相同的端口、协议和主机。我只需要它与 Internet Explorer 8 一起使用。 非常感谢帮助！

更新：在 Felix Kling 和 scr4ve 提出解决方案后，我发现我无法使用 body 元素或 html 元素的偏移量！由于两个偏移量都返回 0，因此我假设 Iframe 元素是 dom 中唯一具有相对于文档的正确偏移量的对象。有什么建议如何获得特定的偏移量吗？

Answer 1

在对这个主题做了更多研究后，我找到了问题的解决方案，基于此 stackoverflow 问题中的成份_15939 提供的解决方案： 访问父级 Iframe 正如 Felix Kling 所建议的，文档层次结构中不存在 IFRAME，因此我在所有 Iframe 中搜索我的 a 的匹配主体 标签。我的最终代码的工作原理如下：

var searchbody = $(srcElement).closest('body');
var arrFrames = document.getElementsByTagName("iframe");

for(i = 0; i<arrFrames.length; i++){
    //I search and compare every IFRAME to the closest body of my srcElement
    try{
        if(arrFrames[i].id != 'PeopleDetailsIframe'){
            if($(arrFrames[i].contentWindow.document.body).is(searchbody)){
        //The found IFrame has to be the one containing my a-tag
                offsetwidth = $(arrFrames[i]).offset().left;
                offsetheight = $(arrFrames[i]).offset().top;
             }
             else{
                  //console.log("Iframe not found");
             }
         }
      }
      catch(e){
                //Iframe has security issues --> avoid it
      } 
}

希望这也可以帮助其他人！

Answer 2

根据文档，.closest()仅考虑直接祖先。我猜你的 iframe 不是你的 a 标签的直接父级？仔细查看树遍历的文档。
.silbings() 可能符合您的需求。

顺便说一下，考虑使用console.log 而不是alert。

澄清后更新：在这种情况下，$("html").offset() 就足够了并且性能更高。框架中只有一个html标签，不需要.closest()。 OP 可能也对 .outerWidth() / 高度感兴趣。