jquery - 対応するインデックスのクリックをトリガーする方法

Question

Ok、

私は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のインデックスを取得し、次に（a）trigger("click")の対応するインデックスを取得するクリック関数.ppItemTabsです。

私はこれを機能させるのに問題がありました（言い換えれば、私が試したすべてがうまくいきませんでした）。

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();
});