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);
    }
})

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

1 个答案: