代码之家 › 专栏 › 技术社区 › pixeltocode

jquery滚动到第n个子级

scroll css-selectors jquery

pixeltocode · 技术社区 · 14 年前

如果我有两套课程,就像这样

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

我怎样才能得到第n个呢 link 将页面滚动到第n页 target 使用jQuery scrollTo ? 一、二、三。。。。是动态生成的。

谢谢。

1 回复 | 直到 14 年前

Nick Craver 14 年前

.index() ,类似于:

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

它使用 .index(selector) 重载以获取我们单击的链接,然后它将获得 div.target 设置为使用 .eq() .

注: 如果有的话其他 <div> 元素与类 target 或 link 你需要调整这里的选择器,让它们只有搜索你所在的批,否则索引可能会关闭。

推荐文章

Monica · 使用Selenium和Python在没有url的情况下单击下载文件

3 年前

Kevin Rodgers Jr. · Python BeautifulSoup:在in select语句中排除其他标记

3 年前

Arad · 即使使用相同的选择器,外部样式表也会覆盖内部样式表

7 年前

user1032531 · jQuery Validate require\u from\u group并按名称选择

7 年前

Christian Luneborg · 星级评定不起作用

7 年前

Gabriel Morais · CSS未应用媒体查询

7 年前

Kevin · CSS属性选择器中的“i”是什么意思?[副本]

7 年前

S syed · 如何在javascript中删除DIV标记内的CSS类?[副本]

7 年前

Karos papermoon · Div和定位问题

7 年前

user9549074 · 如何从CSS中的输入文本中设置最后一个字符的样式?

7 年前