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

Question

[Капитан Какао]

Есть такая разметка

Код на https://jsfiddle.net/xnmya6po/

<div class="red">RED</div>
<div class="red">RED</div>
<div class="green">GREEN</div>
<div class="green">GREEN</div>
<div class="green">GREEN last</div> <!-- Выделить этот  -->
<div class="red">RED</div>
<div class="red">RED</div>
<div class="green">GREEN</div>
<div class="green">GREEN last</div> <!-- Выделить этот  -->
<div class="red">RED</div>

Мне из этого списка нужно как-то зацепиться за каждый братский (подрядидущий) последний элемент с классом green.
Подскажите как это сделать?

Answer 1

[0xD34F]

const elements = Array.prototype.filter.call(
  document.querySelectorAll('.green'),
  (n, i, a) => n.nextElementSibling !== a[i + 1]
);

Если отдельно стоящие элементы не интересуют, то замените селектор на '.green + .green', или при фильтрации дополнительно проверяйте, что n.previousElementSibling === a[i - 1].

Comments

[Капитан Какао]

Спасибо! Супер