Как получить предыдущий div на событие click?

Question

Я использую два якорных тега: «предыдущие слайд-коллекции» и «следующие слайд-коллекции». Следующий якорь работает, а предыдущий - нет.

JavaScript:

$("#next-slide-collections").click((function(){ 
     //alert('hi'); 
    var counter = 0; 
    return function() 
    { 
     $("#div" + counter).hide("fast"); 
     counter = (counter % 3) + 1; 
     $("#div" + counter).show("fast"); 
    } 
})()); 

$("#previous-slide-collections").click((function(){ 
    //alert('hi'); 
    var counter = 0; 
    return function() 
    { 
     $("#div" + counter).hide("fast"); 
     counter = (counter - 1); 
     $("#div" + counter).show("fast"); 
    } 
})()); 

HTML:

<div id="div1"></div> 
<div id="div2"></div> 
<div id="div3"></div> 
<a id="previous-slide-collections"></a> 
<a id="next-slide-collections"></a> 

Answer 1

Ваших следующие и предыдущие кнопки каждый использовать свой собственный переменный счетчик. Ваша следующая кнопка должна работать, однако, поскольку счетчик предыдущей кнопки начинается с 0, щелчок по ней будет равным -1, который выберет 0 элементов. Чтобы подтвердить, измените свой предыдущий счетчик, чтобы начать с 3, и вы увидите, что он что-то делает.

Заставьте их использовать одну и ту же переменную, и она должна работать (в основном).

var counter = 0; 
$("#next-slide-collections").click(function() 
    { 
     $("#div" + counter).hide("fast"); 
     counter = (counter % 3) + 1; 
     $("#div" + counter).show("fast"); 
    } 
); 

$("#previous-slide-collections").click(function() 
    { 
     $("#div" + counter).hide("fast"); 
     counter = (counter - 1); 
     $("#div" + counter).show("fast"); 
    } 
); 

Вы по-прежнему должны учитывать, что нажимаете кнопку prev, когда она находится на первом div, а затем, когда она на последнем.