다른 요소와 관련된 Jquery 인덱스

Question

같은 클래스의 요소 수와 관련하여 요소의 인덱스를 찾을 수 있는지 궁금한데, 그렇다면 어떻게해야할까요?

그래서 나는 다음과 같은 ...

<div class="container"> 
    <p>This is content 1</p> 
    <p>This is content 2</p> 
    <p>This is content 3</p> 
</div> 

    ...other HTML 

<div class="container"> 
    <p>This is content 1</p> 
    <p>This is content 2</p> 
    <p>This is content 3</p> 
</div> 

을 그리고 첫 번째 용기에서 항목을 클릭하면이 인덱스 1을 반환하지만 두 번째 컨테이너에서 항목을 클릭하면이 돌아갑니다 '컨테이너'클래스를 가진 두 번째 div이기 때문에 인덱스 2.

이것이 가능합니까? 그렇다면 어떻게 할 수 있습니까?

도움을 주셔서 대단히 감사드립니다. 당신이 일을 원하는 경우

Answer 1

$(function() { 
    $('.container p').on('click', function() { 
     var index = $(this) // point the clicked p 
         .parent() // jump to .container parent 
         .index() +1; // get index, As index() is zero based, so you can 
            // add 1 to get 1,2,... 
     alert(index); 
    }); 
}): 

Answer 2

이

$(document).ready(function(){ 
    $('div.container p').click(function(){ 
     alert($(this).parent().index()); 
    }); 
});​ 

live example