title: Calculating total width of all list items?
body: <p>I have a standard UL as follows:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Link&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am trying to find a quick &amp; efficient way to calculate the combined with of all the LI tags. Currently I have:</p>
  
  <pre><code>var width = 0;
  
  $('ul li').each(function() {
   width += $(this).outerWidth();
  });
  </code></pre>
  
  <p>I'm just wondering if there is a quicker way to get the same result without using a loop?</p>
  
  <p>Thanks for your help!</p>