Как реализовать выбор нескольких элементов по id?

Question

[Антон]

Есть несколько id вида:
#best-id-N
где N - число. От 1 до 20, например.

У всех них по умолчанию есть CSS класс "best-class".

А необходимо сделать следующее:
Если курсор наводится на 13-ый элемент, то ко всем предыдущим (от 1 до 13) элементам нужно добавить новый CSS класс "best-class-for-item".

Сделал добавление этого класса на элемент, на который наведен курсор, а вот как сделать на элементы, которые до него - не знаю.

Помогите, пожалуйста.

Answer 1

[Алексей Зуев]

jsfiddle.net/yurzui/7shb9zr8/

Answer 2

[Даниил Игоревич]

Узнаёшь N из этого id и этот же N используешь в цикле:
for (var i = 1; i <= N; i++) { ... }

Comments

[Антон]

А как узнать номер? Он в event'е не фигурирует. Только id целиком. Неужели парсить строку регуляркой?

[Антон]

Или, может, поместить номер в data-id и потом получать его по ID, а далее цикл?

[Даниил Игоревич]

Антон: с регуляркой будет проще

[Владислав Старцев]

Антон: можешь ввести доп атрибут типа data-best-id="N" и по нему узнавать

[Антон]

Владислав Старцев: а что я, по вашему, выше написал? :)

[Владислав Старцев]

Антон: когда писал у меня тот коммент не отображался))

[Антон]

Владислав Старцев: ладно :)