Question

我有一组图像（图库），只有高度设置img: height:200px;所以所有图像都有相同的高度但宽度不同，我需要得到所有图像的宽度。

可能吗？

目前我正在使用：

var accum_width = 0;
$('.scroll-content-item img').each(function() {
accum_width += $(this).width() + 20;
});
alert(accum_width);

$( ".scroll-content" ).css('width', accum_width);

但我得到100（利润）。任何想法？

谢谢

Answer 1

使用每个迭代img标记

$('img').each(function(){
   alert(this.width);  
})

如果你的图像有一些普通的类，那么使用类选择器。

$('img.classname').each(function(
   alert(this.width);  //with javascript
   alert($(this).width());  //with jQuery
})

Answer 2

澄清之后

$(window).load(function(){
    var widthSum = 0;
    $('img').each(function(){
       widthSum += this.width;
    });
    // do something with the widthSum here..
});

我使用$(window).load来确保图片已加载。

Answer 3

您可能需要查看宽度函数：http://api.jquery.com/width/

$('img').width();

Answer 4

尝试以下

var widthcoll = $.each(imagecollection,function(){
return $(this).width();
});

谢谢

jquery img width，只设置高度

4 个答案: