JQuery Switch Case com números quebrados!

[Hewitt 14]

Estou com um probleminha com as "casas decimais"!

Tenho o seguinte código:

var temp = $("#temp").text();

switch (temp) {

		case '10': case '11': case '12': case '13': case '14': case '15': case '16': case '17': case '18': case '19': case '20': case '21': case '22': case '23': case '24': case '25':
		$("#img_temp").append("<i class='fa fa-cloud fa-3x' aria-hidden='true'></i>");
		break;

		case '26': case '27': case '28': case '29': case '30': case '31': case '32': case '33': case '34': case '35': case '36': case '37': case '38': case '39': case '40': case '41':
		$("#img_temp").append("<i class='fa fa-sun-o fa-3x' aria-hidden='true'></i>");
		break;
	} 

Quando a temperatura está 27.1, ou qualquer outro número com casas decimais, o código não funciona.

Como poderia consertar isso?

[William Bruno 1501]

var temp = $("#temp").text();

if (temp >=10 && temp < 26) {

$("#img_temp").append("<i class='fa fa-cloud fa-3x' aria-hidden='true'></i>");

} else if(temp <= 41) {

$("#img_temp").append("<i class='fa fa-sun-o fa-3x' aria-hidden='true'></i>");

}

[Hewitt 14]

Pior que eu tinha tentado algo parecido, mas onde está 0 26, tinha tentado =<, e nao havia funcionado.

Obrigado!

[Hewitt 14]

var temp = $("#temp").text();

if (temp >=10 && temp < 26) {
  $("#img_temp").append("<i class='fa fa-cloud fa-3x' aria-hidden='true'></i>");
} else if(temp <= 41) {
  $("#img_temp").append("<i class='fa fa-sun-o fa-3x' aria-hidden='true'></i>");
}

Amigo, testei aqui mas só aparece o icone do Sol =/

[William Bruno 1501]

e qual o valor de temp?

coloque online para verificarmos.

[Hewitt 14]

e qual o valor de temp?

coloque online para verificarmos.

Não tem como colocar Online, pois é uma automação residencial, e está bloqueada o acesso externo. Mas testei de novo e funcionou. Vou testando aqui e qualquer coisa te aviso!

Mesmo assim, obrigado novamente pelo retorno!

[Hewitt 14]

e qual o valor de temp?

coloque online para verificarmos.

Agora está 25º e está exibindo o sol kkkkkk

//PEGA A TEMPERATURA DO SITE, E JOGA NA DIV.
function temp() {

	var temperatura = $("#temp").text();

	$.get('http://xxxxxxxxxxxxxxxxxxxxx/temp/temp_teste.php', function(dados) {
		$('#temp').html(dados);		
	});

	setTimeout(function(){

		if (temperatura >= 10 && temperatura < 26) {
		  $("#img_temp").append("<i class='fa fa-cloud fa-3x' aria-hidden='true'></i>");

		} else if(temperatura <= 41) {
		  $("#img_temp").append("<i class='fa fa-sun-o fa-3x' aria-hidden='true'></i>");
		}

	}, 2000)
	
};

[William Bruno 1501]

desnecessária essa gambiarra do input. Faça assim:

//PEGA A TEMPERATURA DO SITE, E JOGA NA DIV.
function temp() {
	$.get('http://xxxxxxxxxxxxxxxxxxxxx/temp/temp_teste.php', function(dados) {
	
		if (dados >= 10 && dados < 26) {
		  $("#img_temp").append("<i class='fa fa-cloud fa-3x' aria-hidden='true'></i>");

		} else if(dados <= 41) {
		  $("#img_temp").append("<i class='fa fa-sun-o fa-3x' aria-hidden='true'></i>");
		}

	});
}

[Hewitt 14]

Adicionei o

$('#temp').html(dados);

Pois ele exibe a temperatura também, como na imagem que postei acima ^^