如何用jquery計算遠程頁面上的元素數量？

Question

我想計數遠程頁面上的元素的數目： 例如遠程頁面：

具有以下結構

<div id="Layout"> 
    <div class="product">...</div> 
    <div class="product">...</div> 
    <div class="product">...</div> 
</div> 

然後，我想從test2.html

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#result').load('/test.html #Layout product').length(); 
     }); 
    </script> 

呼叫

的test.html

此代碼無效。什麼是正確的做法？ 謝謝。

Answer 1

您需要等到元素被實際加載，你可以使用$.load方法的回調函數的參數：

$(document).ready(function(){ 
    $('#result').load('/test.html #Layout', function() { 
    var products = $('.product', this).length; 
    alert(products); 
    }); 
}); 

檢查上面的例子here。

另外，如果你不想插入元素加載到DOM，則可以將其加載到一個新的空元素，例如：

$('<div></div>').load('/test.html #Layout', function() { 
    var products = $('.product', this).length; 
    alert(products); 
});