jQuery .find（）偶尔找不到

Question

我想通过将网页加载到iframe中来解析网页的HTML，然后在DOM上进行一些搜索。下面的代码

function f(callback) { 
    var tmp = document.createElement('iframe'); 
    $(tmp).hide(); 
    $(tmp).insertAfter($('foo')); 
    $(tmp).attr('src', url); 

    $(tmp).load(function() { 
     var bdy = tmp.contentDocument.body; 
     callback(bdy); 
     $(tmp).remove(); 
    }); 
} 

在回调函数，如果我这样做了以下

function callback(bdy) { 
    alert($(bdy).find('bar').length); 
} 

有时它给了我正确的值，但有时它给了我而不是0。但是，如果我做了以下工作原理

var tmp = document.createElement('iframe'); 
$(tmp).hide(); 
$(tmp).insertAfter($('foo')); 
$(tmp).attr('src', url); 

$(tmp).load(function(tmp) { 
    setTimeout(function() { 
     var bdy = tmp.contentDocument.body; 
     callback(bdy); 
     $(tmp).remove(); 
    }, '100'); 
}); 

由于的setTimeout（）取决于客户端的结束，我想知道是否有任何更好的方法来达到同样的目的。谢谢。

Answer 1

检查this问题，以及其许多答案和相关问题。

---

更新;这里的一些代码，等待#bar获得加载：

function f(callback) { 
    var tmp = document.createElement('iframe'), 
     $tmp = $(tmp); 
    $tmp.hide() 
     .insertAfter($('foo')) 
     .attr('src', url); 

    $tmp.load(function() { 
     var bdy = tmp.contentDocument.body, 
      $bdy = $(bdy); // small optimization 

     var waitForBar = function() { 
      if($bdy.find('#bar').length > 0) { 
       callback(bdy); 
       $tmp.remove(); 
      } else 
       setTimeout(waitForBar, 50); 
     }; 
     waitForBar(); 
    }); 
}