Рассчитать ширину с помощью jQuery

Question

В зависимости от количества <div clas="product"></div> Я пытаюсь установить ширину для .productholder

 <div class="productholder">
    <div clas="product"></div>
    <div clas="product"></div>
    <div clas="product"></div>
    <div clas="product"></div>
    <div clas="product"></div>
 </div>

Я могу установить фиксированную ширину для .product, если это поможет.

Я пробовал это, но, похоже, не работает:

var width = 0;
$('.product').each(function() {
    width += $(this).outerWidth( true );
});
$('.productholder').css('width', width + 250);

Заранее благодарю за помощь.

Answer 1

Вы пытались указать юнит?

var width = 0;
$('.product').each(function() {
    width += $(this).outerWidth( true );
});
$('.productholder').css('width', width + 250 + 'px');

Кстати, ширина <div class="productholder"> будет увеличиваться с учетом ширины внутренних <div> элементов

EDIT:

Ваш код работает как есть - Рабочая демонстрация . Добавьте / edit к URL, чтобы увидеть код.

Имеет ли <div class="productholder"> текстовое содержимое? Вы указываете высоту для этого?

Answer 2

Будет ли это работать для вас?

 var holder = $('.productholder');
 var width = holder.find('.product').length * 250;
 holder.css('width', width + "px");