Показать сообщение отдельно
  #1 (permalink)  
Старый 12.04.2011, 19:10
Новичок на форуме
Отправить личное сообщение для profxhtml Посмотреть профиль Найти все сообщения от profxhtml
 
Регистрация: 05.02.2011
Сообщений: 3

Вывод порядкового номера li в списке
Здавствуйте.
Учу javascript и задался вопросом получения порядкового номера li при клике. Есть код.
<div id="main">
		<div class="holder">
			<ul class="list" id="list">
				<li>text text text</li>
				<li>
					text text text
					<ul>
						<li>text text text</li>
						<li>text text text</li>
						<li>text text text</li>
					</ul>	
				</li>
				<li>text text text</li>
				<li>
					text text text
					<ul>
						<li>text text text</li>
						<li>text text text</li>
						<li>text text text</li>
					</ul>
				</li>
				<li>text text text</li>
			</ul>
			<ul class="list">
				<li>text text text</li>
				<li>text text text</li>
				<li>
					text text text
					<ul>
						<li>text text text</li>
						<li>text text text</li>
						<li>text text text</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>

И начальный javascript(писал я)
<script type="text/javascript">
	var holder = document.getElementById('main');
	var massUl = holder.getElementsByTagName('ul');
	for(var i = 0;i < massUl.length;i++) //Массив Ul.
	{
		var massLi2 = massUl[i].getElementsByTagName('li');
		for(var k = 0;k < massLi2.length;k++)
		{
			massLi2[k].onclick = function(e)
			{
				return function()
				{
					alert(e);
				}
			}(k)
		}
	}
		
</script>

Задача - получить порядковый номер li от 0 до N по порядку в основном родтельском ul и так же в дочерних ul. Тоесть чтобы при клике на li основного родителя,который идет после li с вложенным ul, выводилось не 6(с учетом ul>ul>li) а его порядковый номер в его родителе.
Надеюсь я понятно написал )
Долго думал над решением,но по нехватке опыта не могу покаместь ничего толкового придумать. Выкладывать изыски свои не стал Прошу хотя бы натолкнуть на правильную мысль,в каком направлении копать.
Спасибо.

Последний раз редактировалось profxhtml, 12.04.2011 в 19:25.
Ответить с цитированием