Показать сообщение отдельно
  #1 (permalink)  
Старый 29.01.2016, 18:20
Новичок на форуме
Отправить личное сообщение для Staruy Посмотреть профиль Найти все сообщения от Staruy
 
Регистрация: 29.01.2016
Сообщений: 2

Смена классов у элементов
Есть такой код:
function show()
{
    $.getJSON( "ajax/temp" )
        .done(function( json ) {
            $.each($('.temp'), function() {
                var name_dat = this.id;
                var temp_dat = parseFloat(json.data[name_dat]);
                $(this).find('.text_temp').html(temp_dat);
                $(this).removeClass('alert-danger');
                $(this).removeClass('alert-warning');
                $(this).removeClass('alert-success');
                $(this).removeClass('alert-info');
                if(temp_dat > '30') {
                    $(this).addClass('alert-danger');
                }
                if(parseFloat('25') < temp_dat < parseFloat('30')) {
                    $(this).addClass('alert-warning');
                }
                if(parseFloat('20') < temp_dat < parseFloat('25')) {
                    $(this).addClass('alert-success');
                }
                if(temp_dat < parseFloat('20')) {
                    $(this).addClass('alert-info');
                }
            });


        })
        .fail(function( jqxhr, textStatus, error ) {
            var err = textStatus + ", " + error;
            console.log( "Request Failed: " + err );
        });
}
$(document).ready(function(){
    setInterval('show()', 1000);
});


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

Буду рад подсказкам.
Ответить с цитированием