Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Получить номер в списке при событии (https://javascript.ru/forum/jquery/22927-poluchit-nomer-v-spiske-pri-sobytii.html)

katamason 05.11.2011 21:42

Получить номер в списке при событии
 
Здравствуйте, подскажите, как получить порядковый номер элемента списка при событии?
Например, нажимаю на <li> , и определить по какому порядковому номеру было выполнено событие click. Спасибо

trikadin 05.11.2011 23:01

Например, так.

<ul id="list">
 <li>Я первый!</li>
 <li>Я второй!</li>
 <li>Я третий!</li>
 <li>Я четвёртый!</li>
<ul>
<script>
document.getElementById("list").onclick= function(event) {
 if (!event) { // fix ie
  event= window.event;
  event.target= window.srcElement;
 };
 var list= this.getElementsByTagName("li");
 for (var i=0; i!= list.length; ++i) {
  if (list[i]==event.target) {
   alert("li под номером " + (i+1));
   return;
  };
 }
};
</script>

ksa 06.11.2011 11:39

Или так...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	$('#list > li').click(function(){
		alert($('#list > li').index(this)+1);
	});
});
</script>
</head>
<body>
<table>
<ul id="list">
 <li>Я первый!</li>
 <li>Я второй!</li>
 <li>Я третий!</li>
 <li>Я четвёртый!</li>
<ul>
</body>
</html>

trikadin 06.11.2011 13:28

Подключать ради этого jquery? Нецелесообразно как-то...

ksa 06.11.2011 13:32

Цитата:

Сообщение от trikadin
Подключать ради этого jquery?

Так может он(она) уже подключен(а)... :D

Или, как говаривал классик:
Математику (ЖиКвери) у же затем учить (подключать) нужно, что она ум в порядок приводит (с) :lol:

trikadin 06.11.2011 13:48

Цитата:

Сообщение от ksa
Так может он(она) уже подключен(а)...

Да, вполне реалистично...

Цитата:

Сообщение от ksa
Математику (ЖиКвери) у же затем учить (подключать) нужно, что она ум в порядок приводит (с)

Как приводит, как приводит!:)

katamason 07.11.2011 12:37

спасибо, всё получилось


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