Как вывести номер элемента в списке на котором произошло событие?
А также
is(),
:first-child,
:last-child.
Вариант 1 (храним ссылку на активный объект)
$(function () {
var images = $('.gal-img'),
active = images.eq(0);
// Some other actions
$(document)
.on('click', '.next', function(){
var next = active.next('.gal-img');
if (next.is(':last-child')) {
// stop
} else {
active = next;
// actions
}
}).on('click', '.prev', function(){
var prev = active.prev('.gal-img');
if (prev.is(':first-child')) {
// stop
} else {
active = prev;
// actions
}
});
});
Вариант 2 (храним индекс)
$(function () {
var images = $('.gal-img'),
index = 0;
// Some other actions
$(document)
.on('click', '.next', function (e) {
if (index == images.length - 1) {
// stop
} else {
index++;
var elem = images.eq(index);
// actions
}
}).on('click', '.prev', function (e) {
if (index == 0) {
// stop
} else {
index--;
var elem = images.eq(index);
// actions
}
});
});