如何在我单击的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小部件可以立即实现您想要的功能。 IDK。 引导程序很方便，但也许所有引导程序都比您想要的要多： http : //getbootstrap.com/javascript/#carousel 。

回答您的问题：我将在某个位置设置一个变量，以跟踪当前页数。 加载页面时将其设置为0（如果是第一个页面号，则将其设置为1），然后在点击处理程序中将其递增1。然后，当它足够高时，请确保再次将其重置为0（或1）。重新开始。 这是否回答你的问题？