.getIndex()

Lang

Получить предыдущий или следующий индекс элемента относительно указанного внутри списка элементов.

getIndex(i, elements [, current, finite])

Параметр	Тип	Описание
`i`	Node / String	HTML-элемент, `next` или `previous`.
`elements`	Nodes	Обрабатываемый список элементов HTML.
`current`	Number	Текущий индекс для начала обработки. Начальное значение индекса элемента для подсчёта.
`finite`	Boolean	Поведение направления в конце списка - начинать с начала или идти в обратном направлении. По умолчанию `false`.

Пример использования

<ul class="my-list uk-child-width-1-3@s uk-text-center" uk-grid>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 1</div>
    </li>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 2</div>
    </li>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 3</div>
    </li>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 4</div>
    </li>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 5</div>
    </li>
    <li>
        <div class="uk-card uk-card-default uk-card-body">Элемент 6</div>
    </li>
</ul>

let myList = util.$$('.my-list > li')

// console.log(util.getIndex('previous', myList, 3))   // вернёт 2
// console.log(util.getIndex('next', myList, 3))       // вернёт 4
// console.log(util.getIndex('next', myList, 3, true)) // вернёт 4

console.log(util.getIndex('next', myList, 5))       // вернёт 0
console.log(util.getIndex('next', myList, 6))       // вернёт 1
console.log(util.getIndex('next', myList, 6, true)) // вернёт 5, подсчёт пошёл в обратном направлении

Результат

0
1
5

Для того чтобы получить текущий индекс элемента внутри списка элементов см. .index().