JQuery - получить ширину всех ли в пределах ул

Question

У меня есть ул.Внутри ul есть x число li.В пределах li есть одно изображение.

То есть:

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

Я бы хотел получить полную ширину ул.Возможно ли это?

Заранее спасибо.

Answer 1

Я бы сказал

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

В зависимости от того, что вам нужно

Answer 2

$("ul").width()

Получит ширину элемента ul.

Answer 3

Прежде всего, вы должны указать id для ul, тогда этот код может решить проблему:

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

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