親LIのインデックスを取得し、<A> hrefをjqueryで割り当てる

Question

親liのインデックスを取得して、これをアンカータグのhrefの一部として割り当てようとしています。今、私は取得していますすべてはのhref =「＃タブ-1」の代わりに＃タブ-1の私のアンカーの全てについて、＃タブ-2など ここでは私のコードです：

<script type="text/javascript"> 
$(function(){ 
    $('.jqueryTabs ul li a').attr("href", "#tab" + $(this).parent().index()); 
}); 
</script> 
<div class="jqueryTabs"> 

<ul> 
    <li><a href="#">Overview</a></li> 
    <li><a href="#">Details</a></li> 
    <li><a href="#">Downloads</a></li> 
    <li><a href="#">Video</a></li> 
    <li><a href="#">Contact Us</a></li> 
</ul> 

<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 
<div id=""> 
</div> 

</div><!-- jqueryTabs --> 

Answer 1

ゼロベースである）（... "TAB2"、インデックスを "TAB1" を取得し、値を取得します各個人aの親、そうでない場合はすべて同じ値を得ます。

代わりにこれを試してみてください：

$(function(){ 
    $('.jqueryTabs ul li a').each(function(i, elm) { 
     $(this).attr("href", "#tab" + $(this).parent().index()); 
    }); 
}); 

Answer 2

あなたは何ができる

Answer 3

あなたがアンカーを反復処理し、それぞれの親LIのインデックスを取得する必要

$(function(){ 
    $('.jqueryTabs ul li a').each(function(){ 
     $(this).attr("href", "#tab" + $(this).parent().index()); 
    }); 
}); 

：

$(function(){ 
    $('.jqueryTabs ul li a').each(function() { 
     $(this).attr("href", "#tab" + ($(this).parent().index() + 1)); 
    }); 
}); 

注は：私が追加した"+ 1"は、あなたがaを選択し、それぞれをループする必要が

DEMO