Question

jQuery 第一个父元素下的第N个元素对应第二个父元素第N个元素，怎么写？

写一个tab页，HTML结构如下
<div>
<a href="javascript:;">收件箱</a>
<a href="javascript:;">发件箱</a>
<a href="javascript:;">好友申请</a>
<a href="javascript:;">系统消息</a>
<a href="javascript:;">发站内信</a>
</div>
<div class="white">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>

Answer 1

<div class="title">
    <a href="javascript:;">收件箱</a>
    <a href="javascript:;">发件箱</a>
    <a href="javascript:;">好友申请</a>
    <a href="javascript:;">系统消息</a>
    <a href="javascript:;">发站内信</a>
</div>
<div class="white">
        	<div>1</div>
        	<div>2</div>
        	<div>3</div>
        	<div>4</div>
        	<div>5</div>
</div>

<script>
    $('.title > a').click(function(){
        var index = $(this).index();
        $('.white > div').hide().eq(index).show();
    });
</script>

Answer 2

$('div a:nth-child(0)');//其中的0表示div 下的第一个a

追问

那我怎么对应下面的DIV的第N个元素呢？

追答

$('div a:nth-child(N)');

追问

那我下面的.white里的div怎么对应a的索引值？