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>元素的宽度

修改

您的代码确实有效 - Working Demo 。将 / edit 添加到网址以查看代码。

<div class="productholder">是否有任何文字内容？你指的是它的高度吗？

Answer 2

这对你有用吗？

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

用jQuery计算宽度

2 个答案: