Добрый день, помогите, пожалуйста PHP программисту слабо знакомому с JS.
Столкнулся с такой задачкой. Есть PHP файл, в котором через JS при наведение на определенный объект идет подстановка значений из JS.
Строки в PHP:
<div class="floor" id="floor" style="display: none;">
<p>Значение 1</p>
<p>Значение 2</p>
<p>Значение 3</p>
<p>Значение 4</p>
</div>
В самом JS строки отвечающие за подстановку значений:
$('.floor a').mouseover(function() {
$('.floor').show();
$('.floor p:nth-child(1)').html('№'+$(this).find('name').data( "znachenie1"));
$('.chooser-floor__tooltip p:nth-child(2)').html($(this).find('name').data( "znachenie2"));
$('.floor p:nth-child(3)').html($(this).find('name').data( "znachenie3"));
$('.floor p:nth-child(4)').html($(this).find('name').data( "znachenie4"));
});
$('.floor a').mouseout(function() {
$('.floor').hide();
});
Собственно все работает как часы. Но возникла потребность вот в чем:
У znachenie4 есть 3 возможных значения. Хочу в зависимости от значения сделать разные цвета значений. Тобишь: значение1 - color=red и тд. Через css style или через class, без разницы.
По идеи, логика такая: в файле JS указываем условие - если значение 1, то цвет красный и тд. Далее как подставить этот class.
Коллеги, помогите, пожалуйста.
P.S. Через PHP бы без проблем реализовал, но тут подставляются значения динамически из JS.