jquery - jquery宽度多个ID不同的值

Question

多亏了我的一些帮助，我制作了这个 jquery 函数，它可以获取 DIV 中 IMG 的宽度总和。

现在我有一个新问题：多个不同宽度的 div.ID，我怎样才能使它的性能最高？

我的代码是这样的，对于 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));
    });
});
​