Как улучшить код jQuery для звёздного рейтинга?

Question

[evgeniyabutukhanova]

На странице есть список гостиниц, рядом с каждой - блок рейтинга в виде звездочек.
При наведении на этот блок появляется возможность поставить гостинице свою оценку.
Сейчас всё работает, как я задумала, но мне не нравится реализация, т.к. код слишком громоздкий.
Подскажите, пожалуйста, как его усовершенствовать?

Ссылка на мой код:
https://jsfiddle.net/jane_mel/oshgnr30/6/

Answer 1

[Сергей delphinpro]

Например так https://jsfiddle.net/oshgnr30/8/

Comments

[Stalker_RED]

border: dashed можно заменить на outline, чтобы звездочки не дергались влево-вниз при наведении.

[lega]

почему-то алерт не выскакивает

[evgeniyabutukhanova]

Stalker_RED: Спасибо, исправила!

Answer 2

[lega]

jsfiddle.net/lega911/tqz4z4tj html-a в 2 раза меньше ну и код чище.
инфо тут: https://habrahabr.ru/post/272125/

Answer 3

[Николай]

Посмотрите вот эту статью: тут очень здорово сделан рейтинг звездочками: https://css-tricks.com/star-ratings/