Проверка на наличие класса до или после элемента.
 

Здравствуйте. Есть такая конструкция:

<div class="slider__navigation">
    <a href="preview/image1.png" class="slider__navigation__item slider__navigation__item-active"></a>
    <a href="preview/image2.png" class="slider__navigation__item"></a>
    <a href="preview/image3.png" class="slider__navigation__item"></a>
</div>

При клике на любую ссылку из первой ссылки удаляется класс "slider__navigation__item-active" и присваивается ссылке по которой этот клик был сделан.

Задача заключается в том, чтобы проверять где был класс "slider__navigation__item-active" во время клика и поставить условие.

Если ссылка, которой был присвоен этот класс находится до ссылки в дереве дом, по которой был сделан клик, то сделать то-то, а если перед то другое.

$(this).prev('.slider__navigation__item-active')

$(this).next('.slider__navigation__item-active')

Большое спасибо.

По глупости делал после nextAll еще один лишний файнд.

Поменял на вот такую конструкцию и все заработало.

$(this).nextAll('.slider__navigation__item-active')