Как выбрать следующий элемент?

Question

Я работаю над списком тегов.Существует максимум пять входных тегов.Первые два показаны по умолчанию ... готово!Когда пользователь вводит что-то в какой-либо тег, он делает следующий тег видимым.Не сделано.

Вот что у меня есть:

$('.group_interests:gt(1)').hide();

$('.group_interests:eq(1)').change( function() {

    $(this) // How to show next element like :eq(+1) or something.

});

Я не знаю, как выбрать this:eq(+1).Тогда я бы просто .show() и все работало бы!

Результат:

$('.group_interests:gt(1)').hide();

$('.group_interests:visible').last().change( function() {

    $(this).next().show();

});

Answer 1

Посмотрите на jQuery.next().

$('.group_interests:eq(1)').change(function() {
    $(this).next().show();
});

Answer 2

Используйте $ (this) .next (). Show (); Это будет работать.

Answer 3

используйте метод next (), чтобы получить следующий элемент в dom

$('.group_interests:gt(1)').hide();

$('.group_interests:eq(1)').change( function() {

    $(this).next().show() // How to show next element like :eq(+1) or something.

});