Html 迭代Jquery循环中的每个属性

我目前正忙于自制JQuery滑块。对于客户，我希望根据网页上的位置更改每张幻灯片。当我在第一个场景中，单击next，我想显示第二个场景，依此类推。当我在第六场时，我想回到第一场

我尝试了几件事，但不知何故我找不到解决办法。希望你们能给我指出正确的方向

    <div id="-scene-wrapper">  
        <a href="#" class="previous"><h2>Back</h2></a> 
        <a href="#" class="next"><h2>Next</h2></a>  
        <div id="scene1" class="scenes">
            <h2>Scene 1</h2>
        </div>
        <div id="scene2" class="scenes">
            <h2>Scene 2</h2>
        </div>
        <div id="scene3" class="scenes">
            <h2>Scene 3</h2>
        </div>
        <div id="scene4" class="scenes">
            <h2>Scene 4</h2>
        </div>
        <div id="scene5" class="scenes">
            <h2>Scene 5</h2>
        </div>
        <div id="scene6" class="scenes">
            <h2>Scene 6</h2>
        </div>
    </div>

---

基于上面的HTML代码，我解决了这个问题！我很想听听你对这个解决方案的意见

---

以下是解决方案：

首先对类名进行排序。在html结构中，您有

class=“Next”

，在代码中有

$（'.Next'）…

。谢谢您的评论。您的问题仍然相关吗？是的，我仍然有这个问题，我想我已经非常准确地解决了这个问题；-）很好的解决方案，先生

$(window).scroll(function () {
    $(".scenes").each(function (index) {
        $.fn.isInViewport = function () {
            var ScrollTop = $(window).scrollTop();
            console.log(ScrollTop);
        };

        $('.next').click(function(event){
            event.preventDefault();
            console.log(index);
            //Magic code 
        })

        $('.previous').click(function(event){
            event.preventDefault();
            console.log(index);
            //Magic code 
        })
    });
});