确定所有子元素的宽度

Question

是否有一种方法可以在一行代码中确定所有子元素的宽度。添加所有子宽度

Answer 1

此？

var width = 0;
$('selector > *').each(function() { width += $(this).width(); }); 

jsFiddle example

Answer 2

如果您只想要儿童元素，请执行以下操作：

示例： http://jsfiddle.net/PV2dR/

var t=0;
$('#parent > *').width(function(i,w){t+=w;});

或者你可以用同样的结果做到这一点：

var t=0;
$('#parent').children().width(function(i,w){t+=w;});