JQuery пропустить div в последовательности

0

У меня есть следующее:

CSS

.sequence-container div {display:none;}    

JQuery

$('.sequence-container div:first').show();

$('.next').click(function() {
  var $next = $('.sequence-container div:visible').next();
  var $page = $('.sequence-container div:visible').attr("id");
}

У меня есть серия 'divs'

<div class='sequence-container'></div>
<div class='sequence-container'></div>
<div class='sequence-container'></div>

Код работает хорошо, все DIVS скрыты, при загрузке страницы отображается первый div, а затем, когда пользователь нажимает кнопку, jQuery увольняется, чтобы показать следующий div и так далее.

Однако я борюсь с тем, как skip div:

$next = $('.sequence-container div:visible').next();

Иногда мне нужно, чтобы это был div после следующего div, если это имеет смысл. Возможно ли это и какие-либо предложения о том, с чего начать?

  • 2
    $next = $next.next();
  • 0
    Не могли бы вы сделать пример на jsbin.com или аналогичном сервисе? Если вы просто напишите в html некоторые заметки о том, что вам нужно, это будет гораздо проще решить.
Показать ещё 5 комментариев
Теги:
show-hide
skip
visible

1 ответ

1
Лучший ответ

Просто делать

$next = $next.next();

,

Ещё вопросы

Сообщество Overcoder
Наверх
Меню