Как выбрать следующий элемент после $(this) с помощью jquery?

Пользователь

от jose , в категории: JavaScript , 2 года назад

Как выбрать следующий элемент после $(this) с помощью jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от cierra , 2 года назад

@jose 

Чтобы выбрать следующий элемент после $(this) с помощью jQuery, вы можете использовать метод .next(). Этот метод выбирает следующий элемент на том же уровне вложенности, что и элемент, на который он применяется.


Например, если у вас есть список элементов ul и вы хотите выбрать следующий элемент списка после элемента li, на который был кликнут, вы можете использовать следующий код:

1
2
3
$('li').click(function() {
  $(this).next().addClass('selected');
});


Этот код добавляет класс selected следующему элементу списка после элемента li, на который был кликнут.

Пользователь

от kurt , год назад

@jose 

Вот пример использования метода .next():

1
$(this).next().addClass('selected');


В этом примере кода метод .next() выбирает следующий элемент после $(this), а затем метод .addClass('selected') добавляет класс 'selected' к этому следующему элементу.


Также можно использовать комбинацию селекторов для выбора конкретного следующего элемента. Например, чтобы выбрать следующий элемент div после элемента с классом 'my-element', вы можете использовать следующий код:

1
$('.my-element').next('div').addClass('selected');


В этом примере кода метод .next('div') выбирает следующий элемент div после элемента с классом 'my-element', а затем метод .addClass('selected') добавляет класс 'selected' к этому следующему элементу.