Небольшой JavaScript-скрипт, который автоматически добавляет процентное значение из атрибута "title" к элементам с классом ответов.

Скрипт находит все элементы "span" внутри блока "div.answer", извлекает из их атрибута "title" значение в формате "(XX%)" и выводит его рядом с содержимым в отдельном элементе с классом "procent".

Подходит для оформления рейтингов, опросов, голосований и любых блоков, где требуется визуально показать процентное значение без изменения основной разметки страницы.

Код
<script>
$('div.answer span').each(function(){
  this.innerHTML += '<span class="procent">'+(this.title.match(/\([0-9]+%\)/)||[''])[0]+'</span>';
});
</script>


Особенности:


  • - автоматическая обработка всех найденных элементов;
  • - не требует ручного добавления процентов в HTML;
  • - сохраняет исходное содержимое блока;
  • - легко стилизуется через CSS с помощью класса ".procent".


Можно добавить к нему, например, CSS-оформление для красивого отображения процентов:

Код
.procent {
  margin-left: 5px;
  opacity: .7;
  font-size: 12px;
}