jquery ui滑块根据子元素修改宽度

我有一个jqueryui滑块，在px中有一个巨大的宽度

。滚动内容{宽度：2400px；}

结构：

<div class="scroll-pane ui-widget ui-widget-header ui-corner-all">
   <div class="scroll-content">
     <div class="scroll-content-item ui-widget-header"><img src="img/img1.jpg" /></div>
     <div class="scroll-content-item ui-widget-header"><img src="img/img2.jpg" /></div>
   </div>
 <div class="scroll-bar-wrap ui-widget-content ui-corner-bottom">
  <div class="scroll-bar"></div>
 </div>
</div>

如何获得内部元素的宽度并将该宽度放入滑块容器

---

谢谢

有很多方法可以做到这一点。一种是循环浏览

滚动内容项

div，并将每个div的宽度相加，应用主

滚动内容

div

var totalWidth = 0;

$('.scroll-content-item').each(function(){
    totalWidth = totalWidth + $(this).width();
});

$('.scroll-content').css('width', totalWidth + 'px');

---

谢谢你@Steve！我用这个来管理，你觉得怎么样：

var-total\u-width=0$（'.scroll content'）.find（'img'）.each（函数（）{total_width+=$（this.width（）+10；}）$（“.scroll content”）.css（“宽度”，总宽度）是的，没关系……我会避免使用find和选择器，因为它只会增加处理过程。我会选择
$（'.scroll content item img'）
，在这种情况下，它也会做同样的事情。很棒的东西，很乐意帮助：）