javascript - 通过按 anchor 在华氏度和摄氏度之间切换

标签 javascript jquery html toggle

我正在完成一个基本的天气应用程序,我让它运行,它显示位置、天气状况的描述和温度,所有这些都是从天气 api 中提取的。我正在尝试添加通过按下 F 和 C 之间切换的功能(它是一个 anchor )。我可以让它切换一两次,但随后就停止了。我只需要切换部分,一旦弄清楚切换部分,我将自己进行转换。

在多次尝试使这项工作失败后,我将代码带回到这里,该代码切换到 C,但此后不再切换。

function change(){

   $("#changetemp").html("C");

}

这是我的代码笔链接 http://codepen.io/sammyb123/pen/JXWPzp

最佳答案

切换文本可能是执行此操作的最佳方法,我喜欢在这里使用三元运算符来保持简洁:

    $("#changetemp").click(function () {
       var text = $('#changetemp').text();
       $(this).text(text == "C" ? "F" : "C");
    });

关于javascript - 通过按 anchor 在华氏度和摄氏度之间切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36380798/

相关文章:

jquery - 向数组输出添加辅助排序

javascript - 如何垂直显示 <h1> 元素(每个字符换行)

jquery - jQuery的滑动侧栏从右到左与调整大小的内容

javascript - 关于javascript中的tofixed函数

javascript - 删除一个时如何在 Vue 中为列表项设置动画

javascript - jQuery:after() 和 insertAfter() 有什么区别

javascript - 配置 webpack 允许浏览器调试

jquery - 如何对 2 个表使用 LIKE 查询?

html - CSS 更改列之间内容的顺序

html - 在响应式布局中成对堆叠表格中的单元格