jQuery - 将div宽度设置为它的子节点的总和

Question

我有以下设置:

HTML:

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

CSS

#holder { width: 800px; }

现在,我想制作jQuery画廊,并将margin-left内部div的负片向左和向右移动图像行.

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

我怎么能这样干净漂亮的方式呢？

谢谢

Answer 1

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

//alert(sum);

这应该做的伎俩..

浮动到图像,你可以用css应用它

#holder img{float:left;}