jquery img width,只设置高度

时间:2012-12-06 15:35:58

标签: jquery width

我有一组图像(图库),只有高度设置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(利润)。任何想法?

谢谢

4 个答案:

答案 0 :(得分:1)

使用每个迭代img标记

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

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

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

答案 1 :(得分:1)

澄清之后

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

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

答案 2 :(得分:1)

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

$('img').width();

答案 3 :(得分:0)

尝试以下

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

谢谢