Как получить индекс кликнутого элемента?

Question

[Ермахан Сабыржанов]

Хочу получить индекс кликнутого элемента, например, узнать каждого .block:

<div class=".container">
 <div class="block"></div>
 <div class="block"></div>
 <div class="block"></div>
</div>

И да, в вашем JQuery нуждаться нет желаний)).

Answer 1

[Егор Живагин]

Никакого jquery

Comments

[Павел Корнилов]

Отличный способ. Дам немного доработанный вид:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

<script>
document.getElementsByTagName("ul")[0].onclick = function(e){
var t = e ? e.target : event.srcElement;
		while (t.parentNode !== this) {
			t = t.parentNode;
			if(!t) return;
		}
e.stopPropagation();
    alert([].indexOf.call(this.children, t) );
};
</script>

Answer 2

[Антон Артёмов]

Ну если совсем примитивно,то

<div class=".container">
    <div class="block" onclick="cli(0);">d0</div>
    <div class="block" onclick="cli(1);">d2</div>
    <div class="block" onclick="cli(2);">d3</div>
</div>

function cli(idx){
    console.log(idx);
}

Answer 3

[Илья Белобородов]

https://jsfiddle.net/7vy9v4s0/

Comments

[Ермахан Сабыржанов]

Говорил без JQuery..

[Илья Белобородов]

Ермахан Сабыржанов, пардон, не дочитал

Answer 4

[Максим Тимофеев]

Хочу получить индекс кликнутого элемента

получить где? Ибо если это для стилизации, то:
.block:nth-of-type (2) {color:green;}
или counter-increment - htmlbook.ru/css/counter-increment
и точку из класса уберите

Comments

[Ермахан Сабыржанов]

Был для JS, точка случайным образом, спасибо.