jQuery滚动到下一节,不带id或类

jQuery滚动到下一节,不带id或类,jquery,button,scroll,jquery-animate,sections,Jquery,Button,Scroll,Jquery Animate,Sections,我只是想建立一个简单的步行网站。我的选项非常基本,我有一个接受按钮或拒绝按钮,在每个按钮中,玩家被发送到下一节或上一节 我就在这里: $( 'button.accept' ).click(function() { var newSection = $('section').offset().top; // Scroll $('html, body').animate({ scrollTop: newSection },5000, 'easeInOutS

我只是想建立一个简单的步行网站。我的选项非常基本,我有一个接受按钮或拒绝按钮,在每个按钮中,玩家被发送到下一节或上一节

我就在这里:

$( 'button.accept' ).click(function() {

var newSection = $('section').offset().top;

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
var section = $('section').next().offset().top;
$( 'button.accept' ).click(function() {

var newSection = $('section-2').offset().top; //Different class on each <section>

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
这是我已经尝试过的:

$( 'button.accept' ).click(function() {

var newSection = $('section').offset().top;

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
var section = $('section').next().offset().top;
$( 'button.accept' ).click(function() {

var newSection = $('section-2').offset().top; //Different class on each <section>

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
这基本上把我带到了第一节,不管我在哪一节

这就是有效的方法:

$( 'button.accept' ).click(function() {

var newSection = $('section').offset().top;

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
var section = $('section').next().offset().top;
$( 'button.accept' ).click(function() {

var newSection = $('section-2').offset().top; //Different class on each <section>

    // Scroll
    $('html, body').animate({
        scrollTop: newSection
    },5000, 'easeInOutSine');

    return false;
});
$('button.accept')。单击(函数(){
var newSection=$('section-2').offset().top;//每个节点上有不同的类
//卷轴
$('html,body')。设置动画({
滚动顶部:新闻部分
},5000,'easeInOutSine');
返回false;
});
最后一个很好,但我在我的课程中添加了不必要的课程。如何使用按钮修改此内容,以转到下一节或上一节,而不考虑类别或id


提前谢谢

我想这就是你问题的答案,为什么它们是“不必要的”课程?有另一种方法可以在没有类的情况下做到这一点——你可以获得每个部分的索引并使用它,但是当添加一些类时,这值得付出努力吗?@JayBlanchard因此没有办法告诉jQuery,我正在单击第1节中的一个按钮,现在不需要标识符就移动到第2节。如果所有的部分都是父元素的子元素,那么可以使用兄弟函数,比如
next()
prev()
。但我们并没有标记或小提琴的例子,所以我们只能猜测。@JayBlanchard我明白你们的意思。我已经在部分中添加了类,所以我想我可以继续了。谢谢你的帮助!