jQuery перемещается между классами (то же имя)

Question

Я хочу иметь возможность перемещаться между экземплярами одного и того же класса.

Например ... У меня есть это:

Кнопки навигации:

<div>Got to Next</div>
<div>Got to Prev</div>

Html:

<div class="main">
    <div><span class="highlighted">a</span></div>
    <div><span class="highlighted">s</span></div>
    <div><span class="highlighted">v</span></div>
</div>

Я попробовал эту ставку, она ничего не делает:

$('.main').nextAll('.highlighted').first().css("color", "red");

Как я могу это сделать?

Answer 1

Я не уверен, что вы пытаетесь выполнить, но почему бы не использовать его в качестве списка: $(".highlighted").eq(0), $(".highlighted").eq(1) и т. Д.?

Возможно, для навигации вы можете удерживать текущий выбранный индекс (или все, что вы пытаетесь выполнить):

var currentPage = 1;

... // other code

$(".highlighted").eq(currentPage).css("color", "red");

(См. Также https://api.jquery.com/eq-selector/ для .eq()функция, поэтому выберите определенный индекс из списка селекторов)