JQuery scrollTo энный ребенок

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> 

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