JqueryどのようにあなたのHTMLのIDから文字列を取得し、別の文字列と比較しますか？

Question

私はそれをしようとしているので、ユーザーが文字をクリックすると、天気予報タイプが変わり、温度が変換されます。 たとえば、#weatherTypeをクリックすると、それは華氏 に変更したいので、celciusに戻るときは、再び#weatherTypeをクリックします。 しかし、クリックすると何も起こりません。私は間違って何をしていますか？

編集は：ここで私のhttps://codepen.io/angelbenoit/pen/RjJPyK

$('#weatherType').click(function() { 
       var check = $('#weatherType').text(); 
       if(check === "C"){ 
        $('#weatherType').html("F"); 
        $('#convertTemperature').html(fahrenheit); 
       } 
       else{ 
        $('#weatherType').html("C"); 
        $('#convertTemperature').html(celcius); 
       } 
      }); 

Answer 1

上のイベントをクリックし再バインドする必要があります。ここで

$("#weatherType").click(function() { 
     var check = $(this).text(); 
     if (tempUnit === check) { 
     $(this).text("F");    
     $("#convertTemperature").text(fahrenheit); 
     } else { 
     $(this).text("C");  
     $("#convertTemperature").text(celcius); 
     } 
    }); 

はプレビューです：摂氏に変換華氏については https://codepen.io/ziruhel/pen/BmVNqJ

：

<button id='weatherType'>C</button> 
<div id='convertTemperature'>celcius</div> 

そして

$("#weatherType").click(function() { 
    var check = $(this).text(); 
    if (check === "C") { 
    $(this).text("F"); 
    $("#convertTemperature").text("fahrenheit"); 
    } else { 
    $(this).text("C"); 
    $("#convertTemperature").text("celcius"); 
    } 
}); 

は、ライブプレビューを参照してください https://codepen.io/ziruhel/pen/JOZYJW

Answer 2

codepenされますが、私はあなたがこれをしたいと思いますクリック

$('#weatherType').click(function() { 
    performConversion(); 
    }); 

function performConversion(){ 
var check = $('#weatherType').text(); 
       if(check === "C"){ 
        $('#weatherType').html("F"); 
        $('#convertTemperature').html(fahrenheit); 
       } 
       else{ 
        $('#weatherType').html("C"); 
        $('#convertTemperature').html(celcius); 
       } 
$('#weatherType').unbind("click"); 
$('#weatherType').click(function() { 
    performConversion(); 
    }) 

}