jquery - 如何触发点击相应的索引

Question

好的，

我有一个div锚点：

<div class="allTabs">
<a href="#">link 1a</a>
<a href="#">link 1b</a>
<a href="#">link 1c</a>
<a href="#">link 1d</a>
<a href="#">link 1e</a>
<a href="#">link 1f</a>
<a href="#">link 1g</a>
<a href="#">link 1h</a>
</div>

然后是 ul：

<ul class="ppItemTabs">
<li>
<a href="#">link 2a</a>
</li>
<li>
<a href="#">link 2b</a>
</li>
<li>
<a href="#">link 2c</a>
</li>
<li>
<a href="#">link 2d</a>
</li>
<li>
<a href="#">link 2e</a>
</li>
<li>
<a href="#">link 2f</a>
</li>
<li>
<a href="#">link 2g</a>
</li>
</ul>

我想要做的是点击函数allTabs a，它将获取那个a的索引，然后trigger("click")在.ppItemTabs（a）中的相应索引上。

我在让它工作时遇到了问题（换句话说，我尝试过的一切都没有奏效）。

Answer 1

$('.allTabs').on('click', 'a', function()
{
    $('.ppItemTabs').find('a:eq(' + $(this).index() + ')').trigger('click');
});

演示：jsfiddle.net/6mqBt/

Answer 2

这样的事情怎么样。

$('.allTabs a').click(function(){
  $('.ppItemTabs li:eq('+$(this).index()+' a').click();
});