Проверить наличие prev(), next() элемента?

Question

[MegaPuxapb]

Необходимо выделить активный элемент(тот который верхний).
Проблема, с 1ым и последним элементом.
Как сделать проверку: при клике не лефт
если (.block.active является первым), .active добавить к последнему элементу и наоборот?

https://jsfiddle.net/xpycm789/j9z1g35o/6/

Answer 1

[0xD34F]

<button data-step="-1">left</button>
<button data-step="+1">right</button>

let pos = 0;

const
  $slider = $('.slider'),
  $blocks = $slider.find('.block'),
  len = $blocks.length;

$('[data-step]').click(function() {
  $blocks.filter('.active').removeClass('active');

  pos = pos + +this.dataset.step;
  $slider.css('transform', 'rotate(' + pos * 360 / len + 'deg)');

  $blocks.eq(((-pos % len) + len) % len).addClass('active');
});

Comments

[MegaPuxapb]

Спасибо!

Answer 2

[Антон Шаманов]

исползовать :first/:last / :first-child/:last-child