Как сделать так, чтобы значение базы данных отображалось красным, если оно ниже нуля?

Итак, я работаю над веб-сайтом, где отображаются все доходы и рассчитывается разница в процентах. Эти данные, включая проценты, задаются с помощью MySQLI и кодируются в формате json.

На главной странице я устанавливаю все значения в диапазоне, который привязан к идентификатору диапазона. ПРИМЕР:

DATAQUERIES SIDE:
<?php
$data("database_data") = getdata("SELECT * FROM table_name WHERE something")

echo json_encode($data);
?>



WEBSITE SIDE
$(document).ready(function() {
     var interv = setInterval(getnumber, 10000);

function getnumber(){
     $.get( "data.php", function( data ) {
     var d=jQuery.parseJSON(data);
          $('#span_id').html(d['database_data']);
     }); 
  });
};

HTML WEBSITE SIDE
//If the code has ran through, it will provide the following. Within this 
//"database data" functions as example
<span id = "span_id">'database data'</span>

Значение, которое будет добавлено к диапазону, должно быть КРАСНЫМ, когда значение ниже нуля, синим, когда значение равно нулю, и зеленым, когда значение выше нуля.

Предоставленный выше код используется на многих веб-сайтах и ​​не должен изменяться, просто к вашему сведению.

Перед выводом database data проверьте его. Если < 0 добавить класс к элементу... или, я думаю, это можно сделать и с помощью jquery

user3783243 13.02.2019 14:03
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
1
48
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете прослушать изменения в «span_id», затем прочитать содержимое диапазона и установить стиль на основе содержимого:

$('span_id').bind("DOMSubtreeModified",function(){
  var text = $('span_id').text();
  if (text.contains("blah")) {
    // I don't know your text format or how to check it
    $('span_id').attr('color','red')
  }
});

Другие вопросы по теме