Скрипт смены цвета в зависимости от значения
 

Не понимаю как сделать так что бы в зависимости от значения на странице html закрашивался в определенный цвет.
На входе такой пример

<span class="mark_review"><?php the_field('mark_review_first'); ?></span>
<span class="mark_review"><?php the_field('mark_review_second'); ?></span>

Нужно что бы этот span если там значение (цифра) больше 0 и меньше 3 то применить к нему css class где прописан цвет например красный, от 3 до 5 другой css class, от 5-7 еще какой нибудь css class, и от 7 до 10 еще css class.
Пробовал начать хоть с чего нибудь, но ничего не происходит

$('span.mark_review').each(function(){
    var x = $(this).text();
    if (x > 0) $(this).css({color: 'red'});
    });

html сделайте, без php, и можно вариантов побольше
либо нет ещё элементов, либо нет числа if (+x > 0)