jQuery - 将 div 宽度设置为其子项的总和

Question

我有以下设置:

html:

<div id="holder">
  <div>
    <img/>
    <img/>
  </div>
</div>

CSS

#holder { width: 800px; }

现在，我想制作 jQuery 画廊，并将图像行向左和向右移动，负数 margin-left内部分区。

但是，我必须告诉<img/> s 向左浮动并设置内部 div 的 width图像宽度的总和。

我怎样才能以一种干净漂亮的方式做到这一点？

谢谢

Answer 1

var sum=0;
$('#holder img').each( function(){ sum += $(this).width(); });
$('#holder > div').width( sum );

//alert(sum);

这应该可以解决问题..

图像的 float ，你可以用css应用它

#holder img{float:left;}