Как узнать индекс активного элемента?

Question

[knocker83]

У нас есть блок, у него есть разные элементы.
Как по клику на активный элемент узнать индекс из активных элементов?

https://jsfiddle.net/3g89q2hk/1/

Answer 1

[Алексей Николаев]

Примерно так.

Comments

[knocker83]

В Jquery нет ничего встроенного чтобы узнать индекс элемента по классу?

[Алексей Николаев]

knocker83: увы, нет. Можно узнать индекс элемента в коллекции, т.е. в его родительском блоке.

[knocker83]

Спасибо

[Алексей Николаев]

knocker83: вообще, можно еще вот так, в соответствии с документацией, но тут нужно получить корректный индекс родительского элемента по селектору, что в сложном документе может быть проблемой.

[knocker83]

А если мы знаем корректный индекс, как это должно выглядеть?

Answer 2

[Stalker_RED]

Это вы хотите? https://jsfiddle.net/3npr2nop/
Можно переписать так, чтоб не делать выборку каждый раз заново.

var active = $('.block__item--active')
active.click(function(e){
  var index = active.index(this)
  console.log(index)
  $('.text').text(index)
})

Comments

[knocker83]

не совсем, во 2 и 3 блоках не верно выводит индекс

[Stalker_RED]

knocker83: Это сквозной индекс по ВСЕМ элементам с классом .block__item--active
Если нужно в пределах одного родителя, то https://jsfiddle.net/3npr2nop/2/

[knocker83]

Спасибо.
Можно ещё вопрос, а как добавить класс любому из оставшегося по выбору активного элемента?

Например: кликнул на первый активный добавился доп. класс второму активному

[Stalker_RED]

knocker83: Не понял вопрос. Любому случайному? Какой-то третий класс?

[knocker83]

Большое спасибо, я разобрался. Уже не нужно.

Я хотел что-то похожее на эту логику: Нажал на первый - не появился третий класс. Нажал на второй -
появился третий класс у первого. и так далее

('.block__item--active':eq(0)").addClass("name") - только применить к родителю