Как изменить стиль соседнего li при клике на jquery?

@jeremy_larkin 

Чтобы изменить стиль соседнего элемента <li> при клике на него, можно использовать методы .prev() и .next() в jQuery.

Пример кода:

HTML:

1
2
3
4
5
6
7

  Элемент 1
  Элемент 2
  Элемент 3
  Элемент 4
  Элемент 5

jQuery:

1
2
3
4
5
6
7
8
9

$(document).ready(function() {
  $('li').click(function() {
    // Удаляем класс у предыдущего элемента
    $(this).prev().removeClass('active');

    // Добавляем класс к следующему элементу
    $(this).next().addClass('active');
  });
});

CSS:

1
2
3

li.active {
  color: red;
}

В этом примере при клике на элемент списка, предыдущему элементу будет удален класс "active" (если он есть), а следующему элементу будет добавлен класс "active", который применяет указанный стиль (например, изменяет цвет текста на красный).