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

Question

我有一个ul。在ul内有x个li。在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

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

<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元素的宽度。