Мое требование немного отличается от традиционного метода получения первого и последнего метода, поэтому я прошу экспертную помощь.
Я объясню с помощью примера кода
Моя структура кода
<div class="wrap">
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
</div>
Когда я использую метод jquery, как показано ниже
$('div.group-a:first').addClass('first');
$('div.group-a:last').addClass('last');
Результат похож на
<div class="wrap">
<div class="group-a first"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a last"></div>
</div>
Но я хочу, чтобы результат был как ниже, с первым и последним классом для каждой группы.
<div class="wrap">
<div class="group-a first"></div>
<div class="group-a"></div>
<div class="group-a"></div>
<div class="group-a last"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-b"></div>
<div class="group-a first"></div>
<div class="group-a"></div>
<div class="group-a last"></div>
Возможно ли с помощью javascript или jquery?