Jquery查找具有最高Z-index的iFrame并创建链接

Question

我试图浏览一堆div（.subtab-content），每个div都有多个iframe，而且每个我都在寻找具有最高z-index的iframe来创建一个链接。

$('.subtab-content').each(function(){       
  var topZindex = 0;
  var topFrameId;                                                                    
  $('.subtab-content iframe').each(function(){                                                                          
    var currentZindex = parseInt($(this).css('z-index'), 10);
    if(currentZindex > topZindex) {
      topZindex = currentZindex;
      topFrameId = this.id;
    }
  });
  var src = $(topFrameId).attr('src');
  $(this).before('<div><a href="'+src+'" target="_blank">Go</a></div>');
});

我认为问题可能在于变量的范围，但我很难搞清楚。这里是基本结构的小提琴（当下拉菜单被更改时，z-index会增加）： https://jsfiddle.net/6ftm1cm1/2/

感谢您的帮助。