jQuery - 将 div 宽度设置为其子元素宽度之和

Question

我有以下设置:

HTML:

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

CSS

#holder { width: 800px; }

现在，我想制作一个jQuery画廊，并使用内部div的负margin-left将图片行向左右移动。

但是，我需要告诉<img/>浮动到左边，并将内部div的width设置为图像宽度之和。

有什么简洁明了的方法可以做到这一点吗？

谢谢

- Adam Kiss

Answer 1

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

//alert(sum);

这应该可以解决问题...

对于图像的浮动，您可以使用CSS来应用它。

#holder img{float:left;}

- Gabriele Petrioli

---

@Adam，是的，我不确定你是否想要那个..但由于在问题的同一行中，我将其作为奖励添加了 :) - Gabriele Petrioli

这让我在博客翻译方面省了很多麻烦！ - TCB13