jquery - 获取宽度大于特殊值的图像

Question

我尝试从图像列表中获取宽度大于特殊值的图像，我使用下面的代码，但它不起作用。怎么了？如何让它发挥作用？

$('.carousel .slideItem img').each(function(){
     var img_width = $(this).css('width');
     console.log(img_width);
     if( img_width > 400 ){
         var img_src = $(this).attr('src');
         console.log(img_src);
     }
})

Answer 1

.css('width') 将返回元素的计算宽度，这将是 x 像素(例如 40px)。当您尝试比较它时，JavaScript 会尝试将其转换为整数，导致 img_width 为 NaN。

使用.width()获取以像素为单位的整数宽度:

$('.carousel .slideItem img').each(function () {
    var img_width = $(this).width();
    console.log(img_width);
    if (img_width > 400) {
        var img_src = $(this).attr('src');
        console.log(img_src);
    }
})