javascript - 如何让我点击的div后面的div

Question

请看一下我正在努力实现的目标:http://jsfiddle.net/3m6r7ud2/4/

我有如下 html 页面，如下所示:

<div class="page_conatiner" id="page1">
    <img src=$file1>
<div class="page_conatiner" id="page2">
    <img src=$file2>
<div class="page_conatiner" id="page3">
    <img src=$file3>

等等。

我还有一个悬停时显示的固定按钮:

    <div class="rotate_button" id="rotate_left" ></div>
    <div class="rotate_button" id="rotate_right" ></div>

这是我正在使用的 jQuery:

$(document).on("click", ".rotate_button", function(){
    var direction = $(this).attr("id");
    var page_num = ?
    rotate_file(page_num,direction)
})

按钮位于页面上的固定位置，并在悬停时显示。单击此按钮时，我想在单击时获取 div 后面的那个 div这样我就可以知道我需要旋转哪些页面。

我该怎么做？

Answer 1

首先，我不确定您想要什么动画，但可能有一个 jQuery 小部件可以开箱即用。同上。 bootstrap 很方便，但也许所有的 bootstrap 都比你想要的要多:http://getbootstrap.com/javascript/#carousel .

回答您的问题:我会在某处设置一个变量来跟踪当前页码。加载页面时将其设置为 0(如果是第一个页码，则设置为 1)，然后在您的点击处理程序中将其递增 1。然后确保在它足够高时再次将其重置为 0(或 1)重新开始。这是否回答了您的问题？