Question

感谢我的一些帮助，我做了这个jquery函数，它获得了DIV中IMG宽度的总和。

现在我遇到了一个新问题：多个div.IDs具有不同的宽度，我怎样才能使其表现最佳？

我的代码是这个，1 div：

$(window).load(function(){
var widthSum = 0;
$('#oneid.scroll-content-item img').each(function(){
widthSum += $(this).width() + 20;
});
$( ".scroll-content" ).css('width', widthSum);

我应该使用不同的ID多次重复此代码吗？如果我举例如下这样的多个选择器：

$('#oneid.scroll-content-item img, #twoid.scroll-content-item img').each(function(){

它会将它们统计在一起，但我需要分开。

任何想法？

谢谢大家！

Answer 1

//this will go over any element with the class "scroll-content-item" seperately
$('.scroll-content-item').each(function(){
    var wrapper = $(this);
    var wrapperWidth = 0;

    //this will go over every img inside the seperate wrappers
    wrapper.find('img').each(function(){
        wrapperWidth += $(this).width() + 20;
    });

    wrapper.css('width', wrapperWidth);
});

Answer 2

function getWidth(elem) {
    var widthSum = 0;
    $('img', elem).each(function(){
        widthSum += $(this).width() + 20;
    });
    return widthSum;
}


$(window).load(function(){
    $('.scroll-content').each(function() {
        $(this).css('width', getWidth(this));
    });
});

jquery width多个ID不同的值

2 个答案: