[jQuery] Div click index

<div class="row"> 
    <div class="foo"">aaa</div> 
    <div class="foo"">bbb</div> 
    <div class="foo"">ccc</div> 
</div

 

Div  class foo 를 click 했을 때 index 를 찾아 보자

$( ".foo").click(function() {
    var index = $(".foo").index(this);
    cosole.log(index);
});

Browser Console ( chrome + F12 ) 에 찍히는 것을 확인할 수 있다!

aaa click -> 0

bbb click -> 1

ccc click -> 2