Как узнать ширину всех li?

Question

[Mauster]

Здравствуйте! Как узнать общую ширину внутренних li элементов?
Надо что бы скрипт посчитал внутренние li и узнал общую ширину

<nav>
			<ul>
				<li>
					<a href="">Создание сайтов</a>
					<ul>
						<li>
							<a href="">Простой сайт</a>
						</li>
						<li>
							<a href="">Сайт-визитка</a>
						</li>
						<li>
							<a href="">Малый бизнес</a>
						</li>
						<li>
							<a href="">Лендинг</a>
						</li>
						<li>
							<a href="">Официальный сайт</a>
						</li>
					</ul>
				</li>
				<li class="active">
					<a href="">Продвижение</a>
					<ul>
						<li>
							<a href="">ТОП-10</a>
						</li>
						<li>
							<a href="">ТОП-9</a>
						</li>
						<li>
							<a href="">ТОП-8</a>
						</li>
						<li>
							<a href="">ТОП-7</a>
						</li>
					</ul>
				</li>
			</ul>
		</nav>

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

Answer 1

[Дмитрий Антонов]

jQuery(document).ready(function($) {
	var li = $('li');
	li.each(function() {
		var a = $(this).width();
		alert(a);
	});
});

Answer 2

[Виталий Инчин ☢]

var allWidth = 0;

[].forEach.call(document.querySelectorAll("li"), function(e){
   allWidth += e.offsetWidth;
});

alert(allWidth);

Answer 3

[Alexander]

Может просто вычислить ширину ul ?

Comments

[Mauster]

нет, ul абсолютный поэтому float:left не работает, надо высчитать ширину всех li

[Alexander]

Mauster: jsfiddle.net/9v3kk6f2

[Дмитрий Королёв]

Alexander: вот прям, знаете, глаз зацепился, и я не смог мимо пройти.
widthListPr += $(this).width();