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

Question

我想设置一个父div标签最小宽度的所有孩子里面的等效宽度。有没有办法做到这一点？

例如，

<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

要计算内#Wrap所有div并设定其宽度是多少？

入住这里DEMO 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 }); 
});