jquery - 使用 .each() JQuery 添加到现有值

Question

我有一个.each()函数可以测量. 类中每个图像的宽度.item。我需要测量所有宽度，然后将其添加到变量中。然后需要将变量传递出函数。下面这个功能只完成了一半，我只是不知道如何完成它。

非常感谢任何帮助。

$('.item img').each(function () {

    var i = $(this).width();

});

$('.overview').css('width', i);

Answer 1

var i = 0;

$('.item img').each(function () {

    i = i + $(this).width();

});

$('.overview').css('width', i);

Answer 2

var i = 0;

$('.item img').each(function () {
    i += $(this).width();
});

$('.overview').css('width', i);

Answer 3

您正在遍历项目，但宽度被覆盖而不是相加。

var i = $(this).width();

这将是

var i += $(this).width();

还定义 I 外部函数以在函数调用之间保留其值。变量名 i 在这里不太合适，可能类似于 totalImagesWidth

尝试这个

var i = 0;
$('.item img').each(function () {

    i += $(this).width();

});


$('.overview').css('width', i);

// you can pass this to some other function as well
somefunction(i);