Изменение температуры погодных условий

Question

Я сделал для моей погоды jQuery от wundground, я просто хочу сделать цвет для изменения температуры автоматически выше или ниже, и этот код я использую, но я не знаю, как использовать CSS внутри jQuery.

function check(temp_c) { 
     if (temp_c < 1 && temp_c > 10) 
     return ''; 
     else if (temp_c > 11.25 && temp_c < 33.75) { 
     return ''; 
     } else if (temp_c > 33.75 && temp_c < 56.25) { 
     return ''; 
     } else if (temp_c > 56.25 && temp_c < 78.75) { 
     return ''; 
     } else if (temp_c > 78.75 && temp_c < 101.25) { 
     return ''; 
     } else if (temp_c > 101.25 && temp_c < 123.75) { 
     return ''; 
     } else if (temp_c > 123.75 && temp_c < 146.25) { 
     return ''; 
     } else if (temp_c > 146.25 && temp_c < 191.25) { 
     return ''; 
     } else if (temp_c > 191.25 && temp_c < 213.75) { 
     return ''; 
     } else if (temp_c > 213.75 && temp_c < 236.25) { 
     return ''; 
     } else if (temp_c > 236.25 && temp_c < 258.75) { 
     return ''; 
     } else if (temp_c > 258.75 && temp_c < 281.25) { 
     return ''; 
     } else if (temp_c > 281.25 && temp_c < 303.75) { 
     return ''; 
     } else if (temp_c > 303.75 && temp_c < 326.25) { 
     return ''; 
     } else { 
     return ''; 
     } 
    } 


var temp_c = data.current_observation.temp_c ; 
var temperature = check(temp_c); 

Answer 1

Вы можете упростить код, просто проверяя верхний предел температуры и позволяя проходить через контроль каждое условие, чтобы установить максимальное значение. Что-то вроде этого:

function check(temp) { 
    temp = parseFloat(temp); 
    var tempClass = 'gt326'; // default class for > 326   
    if (temp < 326.25) tempClass = 'lt326'; 
    if (temp < 303.75) tempClass = 'lt303'; 
    if (temp < 281.25) tempClass = 'lt281'; 
    // and so on... 

    return tempClass; 
} 

Оттуда вы можете установить возвращаемый класс, используя addClass() метод:

var temp_c = data.current_observation.temp_c ; 
var tempClass = check(temp_c); 
$('#myElement').addClass(tempClass); 

Working example