如何触发点击相应的索引

时间:2012-09-19 22:08:29

标签: jquery indexing

确定,

我有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")(a)中的相应索引上获取.ppItemTabs

我一直有问题让这个工作(换句话说,我尝试过的一切都没有用)。

2 个答案:

答案 0 :(得分:1)

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

演示:jsfiddle.net/6mqBt/

答案 1 :(得分:0)

这样的事情怎么样。

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