javascript - 无法在onclick上更改文本

我在http://codepen.io/templenaylor/pen/ggoMPZ?editors=0011有一个Codepen

我当前正在显示引用var的温度:

<ul>
  <li id="fTemp"></li>
</ul>

尝试通过单击更改它时，它将不起作用。这是我用来做的功能:

  $("#fTemp").click(function(){
    if(tempSwap===false){
      $("#fTemp").html(fTemp + " &#8457;");
      tempSwap=true;
    } else{
      $("fTemp").html(cTemp + " &#8451;");
      tempSwap=false;
    }
  });

我的功能中没有看到不正确的东西吗？

最佳答案

正如@MichaelCoker指出的那样，您在else分支中缺少#。

除了解决此问题外，我还将元素保存到变量中以防止将来发生错误。

var ftemp_li = $("#fTemp");

ftemp_li.click(function(){
  if(tempSwap == false){
    ftemp_li.html(fTemp + " &#8457;");
    tempSwap = true;
  } else {
    ftemp_li.html(cTemp + " &#8451;");
    tempSwap = false;
  }
});

http://codepen.io/anon/pen/VPyNPO?editors=0011

关于javascript - 无法在onclick上更改文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41947556/