다른 컨테이너 내에서 동일한 요소 클래스의 jquery 인덱스를 가져옵니다.

Question

"클릭"이벤트에서 여러 컨테이너에있을 수있는 요소의 인덱스를 얻고 싶습니다. 반환 된 인덱스 위치는 body 태그가 아닌 해당 컨테이너에 상대적으로 계산되어야합니다. , 3, 4, 5, 내가 0, 1을하려는 반면 : http://jsfiddle.net/zUGcK/

내 문제는 내가 두 번째 블록 컨테이너 선을 클릭하면, 반환 라인 인덱스가 있다는 것입니다 :

은 여기 예를 썼다 2가 반환됩니다.

두 컨테이너의 각 줄마다 0, 1, 2를 얻기 위해 jquery index() 인수를 변경해야하는 이유는 무엇입니까?

감사

http://jsfiddle.net/zUGcK/

$('.line').click(function() 
{ 
    alert('index: '+$(this).index('.container .line')); 
}); 

<div class="container"> 
<div class="header">block #1</div> 
<div class="line">line #0</div> 
<div class="line">line #1</div> 
<div class="line">line #2</div> 
</div> 

<div class="container"> 
<div class="header">block #2</div> 
<div class="line">line #0 (index 3 returned instead of 0)</div> 
<div class="line">line #1 (index 4 returned instead of 1)</div> 
<div class="line">line #2 (index 5 returned instead of 2)</div> 
</div> 

Answer 1

당신은 $.index

.index(element) 
element The DOM element or first element within the jQuery object to look for. 
​ 

의 구문을 사용해야 당신이 용기

$(function() 
{ 
    $('.line').click(function() 
    { 
     //alert('index: '+$(this).index('.container .line')); 

     alert($(this).closest('.container').find('.line').index(this)); 
    }); 
}); 

의 내 요소의 인덱스 값을 얻기 위해 이것을 사용할 수 있습니다

Working Fiddle

Answer 2

색인이 $ this로 업데이트되었습니다.