如何找到内部元素的宽度(How to find width of inner elements)

 我找不到任何其他问题提出同样的问题，虽然这可能是我的搜索语句的问题。 
 
 我想弄清楚如何找到包含在一个固定宽度的容器div内的所有元素的最大宽度。 所以，在下面的图片中，黑框是具有固定宽度的容器div。 红色框表示容器div的内容，这些内容可能会发生变化。 我想查找红框的宽度，只使用js中的黑框。 
 
 
 这里是我一直在努力/尝试的jsfiddle： 
 
 http://jsfiddle.net/w87k5/1/ 
 
 我试过的当前jquery函数没有成功： 
 
.width();
.innerWidth();
.outerWidth();
.scrollLeft();
 
 注：我不知道这个容器的内容。 它们可以是任何html元素或html元素的组合，从div到img到iframe。 我可以放一个没有固定宽度的“红色盒子”。 黑盒子的溢出将被隐藏。 
 
 更新：容器中可能有任何数量的孩子。 像这样： http : //jsfiddle.net/w87k5/3/ 
 
 更新2：我将对所有答案运行基准速度测试，以查看哪一个最快，然后选择一个。 感谢您的输入！ 
 
 基准测试：我用0和100之间的随机宽度生成了1000个div，记录了Date（）.getTime（），做了测试，然后再次记录了时间。 结果如下： 
 
 〜2418平均 毫秒与for循环的长度。 不知怎的，我可能会搞砸了这个吗？ 
 
for (var i = 1; i <= count; i++){
        var q = $("#box :nth-child(" + i + ")").width();
        if(q > box){
            box = q;
        }
    }
 
 〜34.4平均。 毫秒为.each循环。 
 
 〜22.4平均。 ms。为.map函数。 （选择答案。） 

I couldn't find any other questions asking the same thing, though that may be a problem with my search phrasing.
 
I'm trying to figure out how to find the largest width of all elements contained inside of a container div with a fixed width. So, in the image below, the black box is the container div with a fixed width. The red box represents the contents of the container div, which are subject to change. I want to find the width of the red box, using only the black box in js.
 
 
Here is a jsfiddle with what I've been working on/trying:
 
http://jsfiddle.net/w87k5/1/
 
the current jquery functions I've tried, with no success:
 
.width();
.innerWidth();
.outerWidth();
.scrollLeft();
 
Note: I do not know ANYTHING about the contents of this container. They could be any html element or mix of html elements, from divs to imgs to iframes. I could put a "red box" without a fixed width surrounding them. Overflow of the black box will be hidden.
 
Update: There could be any number of children in the container. Like this: http://jsfiddle.net/w87k5/3/
 
Update 2: I'm going to run benchmark speed tests on all of the answers to see which one is the fastest, and select one after that. Thanks for all your input!
 
Benchmarks: I generated 1000 divs with a random width of inbetween 0 and 100, recorded the Date().getTime(), did the test, then recorded time again. Here are the results:
 
~2418 avg. milliseconds with the for loop for length. I might have messed this one up somehow?
 
for (var i = 1; i <= count; i++){
        var q = $("#box :nth-child(" + i + ")").width();
        if(q > box){
            box = q;
        }
    }
 
~34.4 avg. ms for the .each loop.
 
~22.4 avg. ms for the .map function. (Chosen answer.)

原文：https://stackoverflow.com/questions/20767994