.index()
Получить текущий индекс элемента внутри списка элементов.
index(element [, ref])
Параметр | Тип | Описание |
---|---|---|
element |
Node(s) | Родительский элемент HTML для получения индекса или списка элементов. |
ref |
Node | Элемент HTML для получения индекса внутри списка. |
Использование
<ol class="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-secondary 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 id="grid-item">
<div class="uk-card uk-card-primary uk-card-body">Элемент 5</div>
</li>
<li>
<div class="uk-card uk-card-default uk-card-body">Элемент 6</div>
</li>
</ol>
let myList = util.$$('ol[uk-grid] > li')
const myElement = util.$('#grid-item')
console.log(util.index(myElement))
console.log(util.index(myList, myElement))
Результат
4 4
Для того чтобы получить предыдущий или следующий индекс элемента внутри списка элементов см. .getIndex().