jQuery-将包装的宽度除以内部div的数量

jQuery-将包装的宽度除以内部div的数量,jquery,css,Jquery,Css,我需要一些帮助。我有一个div包装器和一些其他div的内部将被动态添加。内部div的数量将是随机的,因此我需要一个脚本,该脚本将知道内部有多少div,以及该div的宽度,以完全适合包装器 <div id="wrapper"> <div class="block">A1</div> <div class="block">A2</div> <div class="block">A3</div> <div cla

我需要一些帮助。我有一个div包装器和一些其他div的内部将被动态添加。内部div的数量将是随机的,因此我需要一个脚本,该脚本将知道内部有多少div,以及该div的宽度,以完全适合包装器

<div id="wrapper">
<div class="block">A1</div>
<div class="block">A2</div>
<div class="block">A3</div>
<div class="block">A4</div>
<div class="block">An</div>
</div>
<style>
#wrapper {width:1000px;}
div.block {margin:0 0 20px 20px; border:1px solid #ccc;}
</style>
多亏了下面的答案,我才使剧本成功!
谢谢大家!

考虑到我对您的理解是正确的,并且每个“div.block”都有相同的宽度,您可以这样做:

var $blocks = $('#wrapper .block');
$('#wrapper').css('width', $blocks.length * $blocks.first().width(true));
查看JSFIDLE:

您可能还有一些额外的空间,因为我将小数点的额外空间向下舍入


通过在第一个或最后一个元素的小数处添加额外的空格,可以很容易地改进脚本。

这没问题,我只是修复了它,让其他人更容易阅读。
var $blocks = $('#wrapper .block');
$('#wrapper').css('width', $blocks.length * $blocks.first().width(true));