JSON API変数に基づいて変更するHTML背景を取得できません。

Question

function getWeather(lat, lon){ 
    var xmlhttp = new XMLHttpRequest(); 
     xmlhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
      currentTempInCelsius =parseInt(myObj.main.temp); 
      document.getElementById("temp").innerHTML =currentTempInCelsius; 
     backImage(parseInt(myObj.main.temp));          
     } 
     }; 
xmlhttp.open("GET", urlString, true);  
    xmlhttp.send(); 
} 

最初の関数では、APIから現在の温度を取得します。これを解析してbackImageに渡します。次にifループを適用して、背景画像へのurlを保持するcssクラス（.cold、.avg & .body）をボディに割り当てますが、動作していないようです。

function backImage(tempp){ 
if(tempp<15){ 
    setImg(cold); 
    } 
    if(tempp>=15&&tempp<25){ 
    setImg(avg); 
    } 
    if(tempp>=25){ 
    setImg(hot); 
    } 
} 

function setImg(myClass){ 
    $('body').className = myClass; 
} 

Answer 1

function setImg(myClass){ 
    $('body').removeClass(); 
    $('body').addClass(myClass); 
} 

このようにしてください。

Answer 2

あなたは、この使用することができます：API Documentation of Jqueryこの機能で述べたように

function setImage(myClass) { 
    $('body').toggleClass(myClass); 
} 

を：

は、マッチした要素の集合の各要素から1つのまたは複数のクラスを追加または削除...