Форум

katamason · #1 (**permalink**) 05.11.2011, 21:42

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

trikadin · #2 (**permalink**) 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 · #3 (**permalink**) 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 · #4 (**permalink**) 06.11.2011, 13:28

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

ksa · #5 (**permalink**) 06.11.2011, 13:32

Сообщение от trikadin

Подключать ради этого jquery?

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

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

trikadin · #6 (**permalink**) 06.11.2011, 13:48

Сообщение от ksa

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

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

Сообщение от ksa

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

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

katamason · #7 (**permalink**) 07.11.2011, 12:37

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

Форум

Справочник

Discord чат

Курсы javascript