Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как узнать положение элемента (https://javascript.ru/forum/dom-window/24174-kak-uznat-polozhenie-ehlementa.html)

-=1100=- 20.12.2011 13:02

Как узнать положение элемента
 
Есть список:
<ul id='ul'>
 <li>select 1</li>
 <li>select 2</li>
 <li>select 3</li>
 <li>select 4</li>
 <li>select 5</li>

</ul>


При нажатии на один из элементов, мне нужно узнать какой он по счету.

ksa 20.12.2011 13:47

Цитата:

Сообщение от -=1100=-
мне нужно узнать какой он по счету

И какие действия ты уже использовал для решения?

-=1100=- 20.12.2011 14:05

Да мне вот как раз то вообще ничего особо в голову не лезет.
У меня вот такая функция есть

var ul=document.getElementById('ul');

var li=ul.getElementsByTagName('li');

   for(xx=0; xx<=li.length-1; xx++){
      ul.getElementsByTagName('li')[xx].onclick=function (){
          rad(this)
          
          };
    
    };

 function rad(thiss){
 
 thiss.????
 // Можно ли как нибудь так это реализовать


}

ksa 20.12.2011 14:20

Цитата:

Сообщение от -=1100=-
Да мне вот как раз то вообще ничего особо в голову не лезет.

Тогда давай поиграем в "кубики"...
Я расставляю перед тобой в ряд N кубиков... Потом тучу пальцем в некий кубик и спрашиваю:
- Какой он посчёту?

Что тебе нужно сделать дабы ответить на мой вопрос? :)

-=1100=- 20.12.2011 14:30

Любишь играть.... ))

Буду считать с начала ряда.
....
for(xx=0; xx<=li.length-1; xx++){
     // Как узнать где остановиться? (в какой ты кубик пальцем ткнул)
    if(ul.getElementsByTagName('li')[xx]=='?') {}           

};

nerv_ 20.12.2011 14:37

\вариант
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body { margin:0px; }
        </style>
        <script type="text/javascript">
			function l(event) {
				var el = event.target || event.srcElement;
				alert(el.innerHTML);
            }
        </script>
    </head>
    <body>
		<ul onclick="l(event)">
		 <li>select 1</li>
		 <li>select 2</li>
		 <li>select 3</li>
		 <li>select 4</li>
		 <li>select 5</li>
		</ul>
    </body>
</html>

Magneto 20.12.2011 14:40

... и тут появился nerv.

nerv_ 20.12.2011 14:42

Magneto, :) Я тоже учусь) Поэтому пока мне это интересно)

Magneto 20.12.2011 14:44

Ну можно было решить и выложить уже после того как топикстартер решил свою проблемку.

ksa 20.12.2011 14:48

Цитата:

Сообщение от -=1100=-
Любишь играть....

Алгоритмы так и рождаются... ;)

Цитата:

Сообщение от -=1100=-
Как узнать где остановиться? (в какой ты кубик пальцем ткнул)

Таки сравнивать каждый кубик с "моим". В JS есть this...


Часовой пояс GMT +3, время: 02:44.