jquery - jquery最小宽度计算（加法）

Question

我正在尝试将父 div 标签 min-width 设置为内部所有子元素的等效宽度。有没有办法做到这一点？

例如，

<div id="Wrap">
 <div id="sidebar">
 </div>
 <div id="content">
 </div>
</div>

#sidebar{
width: 325px;
}

#content{
width: 500px;
}

然后 jquery 将添加侧边栏和内容 div 标签并设置最小宽度。有没有办法做到这一点？

谢谢！

Answer 1

使用 jQuery 的 css() 方法，您可以读取和设置 css 属性：

var a = $('#sidebar').css('width').replace('px', ''); // get sidebar's width
var b = $('#content').css('width').replace('px', ''); // get content's width

var c = parseInt(a) + parseInt(b);
c = c + "px";
$('#Wrap').css('width', c);   // set Wrap's width to c value

Answer 2

您想计算其中的所有 div#Wrap并设置其宽度吗？

在这里查看演示http://jsfiddle.net/yeyene/BbcmU/2/

$(document).ready(function(){
    var total = 0;
    $("#Wrap").children("div").each(function() {      
        total += $(this).width();  
    });
    $('#Wrap').css({ 'min-width': total });
});