Jquery 遍历下一个类的DOM树;兄弟姐妹还是孩子
我有一个布局场景,其中一个固定的向下箭头设计用于平滑地将用户滚动到下一个全高部分 每个节都有一个类(.section) 当每个部分都是同级的时候,这是非常简单的。 有一段代码要求这些部分位于另一个div中 我创建了一个代码笔来说明这一点Jquery 遍历下一个类的DOM树;兄弟姐妹还是孩子,jquery,dom,jquery-traversing,Jquery,Dom,Jquery Traversing,我有一个布局场景,其中一个固定的向下箭头设计用于平滑地将用户滚动到下一个全高部分 每个节都有一个类(.section) 当每个部分都是同级的时候,这是非常简单的。 有一段代码要求这些部分位于另一个div中 我创建了一个代码笔来说明这一点 DOWN 第一节 第二节 第三节 第四节 第五节 到目前为止,我的逻辑是正确的。 -通过视口顶部后,向每个剖面添加一个类(.section pass)。 -单击向下链接时,查找最后一个(.section pass),然后滚动到下一个.section 当需要进入
DOWN
第一节
第二节
第三节
第四节
第五节
到目前为止,我的逻辑是正确的。
-通过视口顶部后,向每个剖面添加一个类(.section pass)。
-单击向下链接时,查找最后一个(.section pass),然后滚动到下一个.section
当需要进入下一节的container div时,这会分解;或者在下一节从容器中取出时
我曾尝试过jquery的.index()函数,但最终以非常复杂的解决方案失败而告终。还查看了嵌套的条件语句,但最终还是得到了非常臃肿的失败代码
希望有人能给我指出正确的逻辑和解决方案
谢谢
Chris您可以尝试通过索引查找下一个元素,如
功能部分位置(){
jQuery('.section')。每个(函数(){
var节=$(本节);
var position=section.position().top-jQuery(window.scrollTop();
如果(position,您可以尝试通过索引查找下一个元素,如
功能部分位置(){
jQuery('.section')。每个(函数(){
var节=$(本节);
var position=section.position().top-jQuery(window.scrollTop();
如果(位置感谢Arun,有效治疗。我怀疑溶液在.index.:)内感谢Arun,有效治疗。我怀疑溶液在.index.:)内)
<a class="down">DOWN</a>
<div class="section">
Section 1
</div>
<div class="section">
Section 2
</div>
<div class="container">
<div class="section">
Section 3
</div>
<div class="section">
Section 4
</div>
</div>
<div class="section">
Section 5
</div>