Вопрос по jquery — разные active классы?

Question

[Nevada18]

В табах надо реализовать изменение цвета при переключении на вкладку. Все классы, которые будут добавляться, изменяют цвет каждой вкладки на свой, отличный от других. Соответственно, active классы имеют разные названия. Например, item_blue_active,item_red_active и т.п. Как выбрать все классы, которые заканчиваются на слово active? li$="active" не срабатывает.
Код в песочнице

Первые два элемента сделаны так, как должно быть.
Ниже закоментированы мои попытки сделать так, чтобы при клике по вкладке у остальных элементов удалялись модифицирующие классы.
Как можно сделать так, что бы не перечислять все возможные варианты переключения табов? Активация вкладок может быть произвольной.

Comments

[Сергей delphinpro]

Если вы пытаетесь написать по БЭМу, то тут должно быть два модификатора
.item_color_red.item_state_active
.item_color_blue.item_state_active
и т.п.

Answer 1

[Максим Тимофеев]

А зачем разные классы?
Отдельно active для определения активности и отдельно классы цвета.
.red-color.active {fill:red;}

https://codepen.io/anon/pen/MJdzYB

Comments

[Nevada18]

не подумал о таком варианте. спасибо

Answer 2

[Stalker_RED]

$('div[class$=_active]')

Подробнее: jqapi.com В боковом меню selectors → attribute