jQuery - 获取 ul 内所有 li 的宽度

Question

我有一个ul。 ul 内有 x 个 li。里内有一个图像。

那就是：

<ul>
    <li>image</li>
    <li>image</li>
    <li>image</li>
</ul>

我希望能够获得ul的总宽度。这可能吗？

提前致谢。

Answer 1

我会说

var internaWidth = $("ul").width();
// or
var widthIncludingPadding = $("ul").outerWidth();
// or
var widthIncludingMargin = $("ul").outerWidth(true);

取决于你需要什么

Answer 2

首先你应该给 ul 一个 id 然后这段代码可以解决问题：

<ul id="myul">
  <li>image</li>
  <li>image</li>
  <li>image</li>
</ul>

$(document).ready(function() {
   var totalWidth = $("#myul").width();
});

Answer 3

$("ul").width()

将为您提供 ul 元素的宽度。