jquery - 计算所有列表项的总宽度？

Question

我有一个标准 UL，如下:

<ul>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
  <li><a href="">Link</a></li>
</ul>

我正在尝试找到一种快速有效的方法来计算所有 LI 标签的组合。目前我有:

var width = 0;

$('ul li').each(function() {
 width += $(this).outerWidth();
});

我只是想知道是否有一种更快的方法可以在不使用循环的情况下获得相同的结果？

感谢您的帮助!

Answer 1

为了得到完全你想要的东西，不，没有。这并不是一个非常适合现有函数的情况，像您这样的循环是最快的方法。有人讨论将 .childWidth() 或其他东西放入核心......但我不会屏住呼吸:)

其他答案将包括父级的宽度，包括额外的空间，这通常不是您想要的，所以现在......坚持像您一样的循环。无论如何，将添加的任何较短的内容都将几乎保证在下面执行相同数量的工作(也可能是相同的代码)。