jQuery-滚动到没有ID和按钮的div

jQuery-滚动到没有ID和按钮的div,jquery,scroll,Jquery,Scroll,我有一个图库应用程序,可以显示相册中的图像。当用户进入相册页面时,我会显示所有图像(从上到下),在顶部我有一个下一个按钮 如下图所示: 因为每个相册都有不同数量的图像,并且是动态添加的,所以我不能添加IDs,而只希望有一个下一步按钮 正如您所看到的,每个图像都有一个分割器。当单击下一步按钮时,它会滚动/转到下一步/最近的分隔符 这是我的密码: 由于jQuery需要一个ID来锚定跳转,因此您需要有4-5个不同的锚定,并使用css将它们隐藏在彼此后面,并将ID添加到每个a和每个div 当单击时,删

我有一个图库应用程序,可以显示相册中的图像。当用户进入相册页面时,我会显示所有图像(从上到下),在顶部我有一个下一个按钮

如下图所示:

因为每个相册都有不同数量的图像,并且是动态添加的,所以我不能添加
ID
s,而只希望有一个下一步按钮

正如您所看到的,每个图像都有一个
分割器
。当单击下一步按钮时,它会滚动/转到下一步/最近的
分隔符

这是我的密码:


由于jQuery需要一个
ID
锚定跳转
,因此您需要有4-5个不同的
锚定
,并使用
css
将它们隐藏在彼此后面,并将
ID
添加到每个
a
和每个
div

单击
时,删除
锚定

以下代码:

HTML

JAVASCRIPT


HTML将比图像更有用。我们的问题是,除非您提供您的代码,否则我们无法进入下一步added@ScanQR代码添加
<a href="#" id="next-button">Next</a>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="img-divider">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>
<a href="#" id="1" class="nxt-btn">Next</a>
<a href="#" id="2" class="nxt-btn">Next</a>
<a href="#" id="3" class="nxt-btn">Next</a>
<a href="#" id="4" class="nxt-btn">Next</a>

<img src="img/divider.png" id="1">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="2">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="3">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>

<img src="img/divider.png" id="4">
<div class="col-md-12">
    <img src="img/album-img.png" id="album-img">
</div>
.nxt-btn a{display: none}   
.nxt-btn a:first-child{display: block !important;}
$(document).ready(function(){
    $('.nxt-btn').click(function () {
      $(this).remove(); // remove element which is being clicked
    });
});