div 내에서 하이퍼 링크 인덱스를 얻는 방법

Question

<div class="nav"> 
    <a href="#item1">item1</a> 
    <a href="#item2">item2</a> 
    <a href="#item3">item3</a> 
</div> 

위와 같이 html 구조가 있으므로 jquery를 통해 하이퍼 링크 인덱스를 얻고 싶습니다.

감사

Answer 1

사용 :

var index = $("a").index(this); 

Working Demo

Answer 2

$(".nav a").click(function() { 
    console.log($(this).index()); 
}); 

이렇게하면 하이퍼 링크의 인덱스를 제공 할 것입니다.

jQuery 1.7+의 경우 on을 사용할 수 있습니다. 하이퍼 링크에 델리게이트가 추가 된 것처럼 보입니다.

$(".nav").on("click", "a", function() { 
    console.log($(this).index()); 
}); 

Answer 3

당신은 index()

$('.nav a').on('click', function() { 
    console.log($(this).index()); 
}); 

Answer 4

당신이 시도 할 수 사용할 수 index() 요소의 수집 및 DOM 요소 또는 jQuery를 객체에 호출이 전달되고있는 .index()이 나타내는 정수를 반환 최초의 콜렉션을 기준으로 한, 건네받은 요소의 위치

$(function(){ 
    $(".nav > a").click(function (event) { 
     console.log("Clicked link index::"+ $(this).index()); 
    event.preventDefault(); 
    }); 
});