Определить последний элемент с нужным классом?

Question

[Богдан]

Здравствуйте. Как лучше всего определить последний элемент в нужным классом. Выбранные элементы содержат класс active. В данном примере нужно выбрать ячейку 54.


Сейчас реализовано выбором всех ячеек в массив, а потом уже с массива берем первый и последний. Но это не оптимальное решение, может есть более лучше? Спасибо.

const activeAll = document.querySelectorAll('.active');
  const firstElem = activeAll[ 0 ];
  const lastElem = activeAll[ activeAll.length - 1 ];

Answer 1

[Evgeny Kulakov]

Как вариант:

const last = document.querySelectorAll('.active:last-of-type');

Comments

[Богдан]

Такой вариант не работает

[Evgeny Kulakov]

Вроде работает: https://codepen.io/kerf/pen/mwjxBW - возвращает массив из одного элемента.
Можно так еще:

const last = document.querySelector('.active:last-of-type');

- возвращает сам элемент.

[Богдан]

Не будет работать Ваш вариант last-of-type, работает только на элементы, а не классы.

[Kovalsky]

Богдан: а зачем вы задаёте этот вопрос второй раз? Вам на него было дано два ответа:

1. Нет, оптимальнее никак нельзя, как минимум пока. На stackoverflow тоже не придумали ничего, а там аудитория гораздо шире,
2. Максимум что вы можете сделать, так это указывать контекст.