Javascript 使用js的下一个和上一个锚点

我有一个页面，显示所有问题的答案，并不时更新答案。我想要一个下一个和上一个按钮，可以滚动到下一个或上一个新的/更新的答案

所有新的/更新的答案都有一个标签元素，标签元素带有

id=new_@i

，其中

i

是索引，并且

class=“new”

：

---

我仔细检查了JS部分中的变量，它们看起来很好。有什么想法吗？有什么问题吗？

您的代码工作正常

下面是一个片段来说明这一点。如果有什么你想改变的，请写在评论中，我会编辑我的答案

$（'nextnew'）。单击（函数（e）{
所选变量=$（“.new.currentSelected”）；
var锚=$（“.new”）；
var pos=锚定指数（选定）；
var next=anchors.get（位置+1）；
var prev=锚定。获取（位置-1）；
目标=$（下一步）；
$（选定）.removeClass（“当前选定”）；
$（下一个）.addClass（“当前选定”）；
if（target.offset（））{
$（'html，body'）。设置动画({
scrollTop:target.offset（）.top+'px'
}, 600);
}
e、 预防默认值（）；
});
。新建{
利润率：10px0；
填充：5px 8px；
背景：#EEE；
显示：块；
}

下一个
新@1
新@2
新@3
新@4
新@5
新@6
新@7
新@8
新@9
新@10
新@11
新@12
新@13
新@14
新@15
新@16
新@17
新@18
新@19
新@20
新的@21
如果标签被包装在div additionnaly中是否正常工作？@tolik请发布您的html，这将使事情变得更简单：）
<label id="new_@i" style="display:none" class="new">new_@i</label>

<label class="button" id="nextnew">NEXT</label>

$('#nextnew').click(function(e) {
        var selected = $(".new.currentSelected");
        var anchors = $(".new");

        var pos = anchors.index(selected);
        var next = anchors.get(pos+1);
        var prev = anchors.get(pos-1);

        target = $(next);

        $(selected).removeClass("currentSelected");
        $(next).addClass("currentSelected");

        if (target.offset()) {
            $('html, body').animate({scrollTop: target.offset().top + 'px'}, 600);
        }
        e.preventDefault();
    });