Jqueryでタグの叔父を見つける方法

Question

liタグのアンカーをクリックすると、先行するh3タグのインデックスを特定したいと思います。たとえば、概要をクリックすると、Introductionのインデックスを取得したいと考えています。私はJqueryでこれをどのように達成しますか？

<h3><a href="Introduction" rel="address:/Introduction">Introduction</a></h3> 
<div class="navigation primary_navigation"> 
    <ul> 
     <li><a href="purpose" rel="address:/purpose">Purpose</a></li> 
     <li><a href="overview" rel="address:/overview">Overview</a></li> 
    </ul> 
</div> 
<h3><a href="Incorporate_Learning" rel="address:/Incorporate_Learning">Incorporate Learning</a></h3> 
<div class="navigation primary_navigation"> 
    <ul> 
     <li><a href="appraise" rel="address:/appraise">Appraise</a></li> 
     <li><a href="select" rel="address:/select">Select</a></li> 
     <li><a href="define" rel="address:/define">Define</a></li> 
     <li><a href="execute" rel="address:/execute">Execute</a></li> 
     <li><a href="resources" rel="address:/resources">Resources</a></li> 
    </ul> 
</div> 

Answer 1

$(function() { 
    $("li a").click(function (e) { 
     e.preventDefault(); 
     var $h3 = $(this).closest(".primary_navigation").prev(); 
     console.log($("h3").index($h3)); 
    }); 
}); 

Answer 2

これは、あなたが試すことができ

$("li").live("click", function(){ 
    alert($(this).parents('.navigation').prev().html()); 
}); 

Answer 3

動作するはず

$('.navigation a').click(function(){ 
    var uncle = $(this).parents(".navigation").prev('h3'); 
    ... 
}); 

Answer 4

$('li>a').click(function(){ 
    var uncle = $(this).parents('ul').parent().prev(); 
    return false; 
}); 

jsFiddle

Answer 5

インデックスが必要な場合は、先にクリックしたポイントからすべてh3を得ることができます。

何かのように：2つの要素をありますときにインデックスは、リンクではなく、リストの要素をクリックしてのことだ。1.