jquery scrollToNth 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>

как я могу получить nth link, чтобы прокрутить страницу до nth target используя jQuery 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, вам нужно настроить селекторы, чтобы они только искали пакет, в котором вы находитесь, иначе индексы могут быть отключены.