jQuery的高度/寬度，如果語句

Question

對不起，我需要再次問這個，因爲我有一段代碼，但我失去了它。

有誰能告訴我爲什麼這沒有效果？

$(window).load(function(){ 
var imgs = $('.boxInner img'); 

if (imgs.length){ 
    $.each(imgs, function (index, item){ 
     var w = item.width(), 
      h = item.height(); 

     if (w < h) { 
      item.css({display: "none"}); 
     } 
    }); 
} 
}); 

想法是看圖像組，比較寬度和高度，如果圖像比它寬，它會消失。

謝謝。

Answer 1

傳遞給each()回調的元素是原始DOM元素，而不是jQuery對象。

要調用像height()或width()這樣的jQuery方法，您需要使用$()創建一個jQuery對象。

如果您在運行代碼時查看它，瀏覽器的錯誤控制檯會試圖告訴您這一點。

Answer 2

試試這個..你需要一個jQuery對象元素來包裝你的項目參考：

$(window).load(function(){ 
    var imgs = $('.boxInner img'); 

    if (imgs.length){ 
     $.each(imgs, function (index, item){ 
       var w = $(item).width(), 
        h = $(item).height(); 

       if (w < h) { 
        $(item).css({display: "none"}); 
       } 
     }); 
    } 
}); 

..

UPDATE：使用遍歷每個

怎麼樣（ ）方法：

http://api.jquery.com/each/

$(window).load(function(){ 
    var imgs = $('.boxInner img'); 

    if(imgs.length !== 0){ 
     imgs.each(function(index, item){ 

      var $item = $(item), 
       w = $item.width(), 
       h = $item.height(); 

      if (w < h) { 
       $item.hide(); 
      } 
     }); 
    } 

}）;

嘗試上面的..這也確保長度不等於零，也只是使用了jQuery的hide（）方法