Javascript 根据div中的链接数，找出单击了哪个链接

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

我正在创建一个脚本，计算一个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

我肯定有一种方法可以用计数器来做这件事，我就是想不出来

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

我不确定链接是否是动态生成的，所以我在这里使用了事件委托来处理这个问题。请使用从未删除/替换的最接近的静态父元素替换

文档

---

另外，

.trigger（'click'）

将只触发已被jQuery绑定的

click事件。例如，它不会触发
href
值并基于该操作重定向。
您可以使用
.length
计算生成的链接数，然后单击
。links a
获取单击的锚定的索引，然后在
其他链接中的锚定的相同索引上触发单击事件

var count=$("div.links a").length;

$("div.otherlinks  a").click(function(){
alert($(this).attr("rel"))
})
$("div.links a").click(function(){
var index=$(this).index();
$("div.otherlinks a:eq("+index+")").trigger("click");
})

这一点都不清楚。当用户单击某个链接时，您可以使用单击处理程序拦截该链接。您将从发送到处理程序的事件数据或
this
对象中知道单击了哪个链接。在你问题的后半部分，你是说你需要点击两个链接吗？你认为这会怎样？绝对完美，谢谢。我会记下
.index（）
以备将来参考，这正是我要找的。