HTML JQuery获取iFrame内部的元素宽度？

Question

在页面上有这个iframe：

<iframe name="fileFrame" id="fileFrame" class="fileFrame" style="display:none;" src="http://example.com" height="50%" width="50%"></iframe>

iframe内部有一个元素来自其他网站：

<div class="progress-bar" style="display:block; width: 18%;"></div>

如何让主页拉出进度条宽度？

尝试跟踪此内容，以便在iframe中完成加载（100％）进度条时更新主页。

试过这个但没有工作：

var mydivw = $("#fileFrame").contents().find(".progress-bar").width();
alert(mydivw);

Answer 1

试试这个

$("#fileFrame").contents().find(".progress-bar").width()

你可以加载

喜欢这个

$("#fileFrame").on("load",function(){

  var width=$(this).contents().find(".progress-bar").width()

})