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

Question

我有以下设置：

HTML：

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

CSS

#holder { width: 800px; }

现在，我想制作jQuery图库，并将左右两行的图像移动到内部div的负margin-left。

但是，我必须告诉<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;}