javascript - 根据 div 中的链接数量找出点击了哪个链接

Question

我很难解释这一点，所以如果我不清楚，请告诉我。

我正在创建一个脚本来计算一个 div 中的图像数量，然后在另一个 div 中生成相同数量的链接。我需要知道 div 中有多少个链接，以及每个链接位于哪个位置。

这是一个例子:

图片:

<div class="images">
<img src="/example01.jpg" />
<img src="/example02.jpg" />
</div>

链接，通过 jQuery 生成

<div class="links">
<a href="#">Example 01</a>
<a href="#">Example 02</a>
</div>

当用户点击生成的链接之一时需要点击的其他链接:

<div class="otherLinks">
<a href="#" rel="0">REL 0</a>
<a href="#" rel="1">REL 1</a>
</div>

基本上，我需要计算链接的数量，然后单击具有正确 REL 的链接。我无法确定哪个是正确的 REL(如果这有意义的话)。因此，如果用户单击示例 01，我希望我的 jQuery 单击 REL 0。

我确信有一种方法可以使用计数器来做到这一点，但我只是不明白。

Answer 1

$(document).on('click', '.links a', function(){
    $('a[rel="'+$(this).index()+'"]').trigger('click');
});

我不确定您的链接是否是动态生成的，因此我在这里使用事件委托(delegate)来处理该问题。请将 document 替换为从未删除/替换的最接近的静态父元素。

此外，.trigger('click')只会触发已被jQuery绑定(bind)的click事件。例如，它不会触发 href 值并根据该操作进行重定向。