Question

我有这个代码。但它不起作用。我需要设置所有的总宽度，然后用它来包装div。 http://jsfiddle.net/8jPcP/

<div id="breadcrumb-wrapper">
   <div>
   <a href="">asd</a>
   <a href="">asd</a>
   <a href="">asd</a>
   <a href="">asd</a>
   <a href="">asd</a>
   </div>
</div>

Answer 1

将您的代码更改为

var totalWidth = 0;
$('#breadcrumb-wrapper a').each(function(index, el) {
   totalWidth = totalWidth + $(this).width();
}); 
$('#breadcrumb-wrapper > div').width(totalWidth);

Answer 2

像这样更新你的脚本。

 var totalWidth = 0;
$('#breadcrumb-wrapper a').each(function() {
    totalWidth = totalWidth + $(this).width();
   /* alert(totalWidth);*/
});
    $('#breadcrumb-wrapper > div').width(totalWidth);

检查更新的jsfiddle

http://jsfiddle.net/8jPcP/1/

Answer 3

工作职能是这样的：

var totalWidth = 0;
$('#breadcrumb-wrapper a').each(function(index, el) {
    var newWidth = totalWidth + $(this).width();
    totalWidth = newWidth;
});

$('#breadcrumb-wrapper > div').width(totalWidth);

您在循环中使用var newWidth设置newWidth，因此在循环范围内声明了一个不同的变量。

获取内部元素的宽度并使用它来设置外部元素的宽度

3 个答案: