При клике определить номер (выбранного) элемента.
Доброго дня уважаемые коллеги. Очень нужна ваша помощь.
У меня есть список и 3 лишки в нем. Хочу сделать такое: при клике на одном из них - чтобы я мог получить номер этого элемента. Как мне можно сделать такое? Знаю, что индекс можно определить так:
var parent = document.getElementsByClassName("tabs_calendar")[0];
parent.onclick = function (e) {
var e = e || event;
var target = e.target || e.srcElement;
for(var i = 0; i < parent.children.length; i++) {
if(parent.children[i] == target) return console.log(i);
}
}
Но как мне вернуть именно номер того элемента на котором мы клацнули? (клацать буду не по родителю, а по сами блоках) Заранее спасибо за помощь. |
Цитата:
<!DOCTYPE html>
<html>
<head>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<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'>
window.onload=function(){
var parent = document.getElementsByClassName("tabs_calendar")[0];
parent.onclick = function (e) {
var e = e || event;
var target = e.target || e.srcElement;
for (var i = 0; i < parent.children.length; i++) {
if(parent.children[i] == target) {
alert('Это элемент номер - '+i);
break;
};
};
};
};
</script>
</head>
<body>
<ul class='tabs_calendar'>
<li>Item 0</li>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
|
| Часовой пояс GMT +3, время: 07:36. |