jquery scrollTo nth child

Question

如果我有两组课程，那么

<div class = "link 1"></div>
<div class = "link 2"></div>
<div class = "link 3"></div>
....
<div class = "link x"></div>

和

<div class = "target 1"></div>
<div class = "target 2"></div>
<div class = "target 3"></div>
....
<div class = "target x"></div>

如何使用jQuery link将第n target页面滚动到第n scrollTo？ 1级，2级，3级......是动态生成的。

感谢。

Answer 1

您可以根据.index()执行此操作，如下所示：

$("div.link").click(function() {
   var target = $("div.target").eq($(this).index("div.link"));
   $.scrollTo(target);
});

这会使用.index(selector)重载来获取我们点击的链接，然后获取div.target设置的相同索引，以使用.eq()查找目标。

注意：如果其他 <div>元素包含target或link类，则需要在此处调整选择器所以他们只搜索你所在的批次，否则索引可能会关闭。