JQuery -- 我想单击一个单词来更改它,然后再次单击它以将其更改回来

标签 jquery toggle switch-statement

我希望用户能够点击“您好!”使其更改为“再见!”然后再次单击它,将其改回“Hello!”。我已经可以说“你好!”了。更改为“再见!”,但我不知道如何使该功能“重复”。

我在这方面是个新手,所以欢迎所有帮助和建议!

据我所知:

HTML:

<body>
   <p id = "greeting">Hello!</p>
</body>

JQuery:

$(function(){
    $("#greeting").click(function(){
        $(this).text('Goodbye!').toggle(hide);
    });
});

最佳答案

$("#greeting").click(function(){
     $(this).text(function(_, oldText) {
         return oldText === 'Goodbye!' ? 'Hello!' : 'Goodbye!';
     });
});

http://jsfiddle.net/DPeWk/

关于JQuery -- 我想单击一个单词来更改它,然后再次单击它以将其更改回来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15446454/

相关文章:

javascript - 我需要动态地使用此代码

c++ - 通过一个 switch 语句发送不同的变量

javascript - 日/夜模式 - CSS + JQuery - Cookies?

c# - 在 jquery 中调用 webservice (asmx) 时,html 返回为 xml

jquery - 返回顶部按钮在页面更改时不起作用

javascript - jQuery 花式切换不工作

jquery 切换 div 位置的 css

jquery - 如何有不同颜色的单选按钮?

jquery - ASP.NET AJAX 返回 JSON 但未识别为 JSON

javascript - 如何使用相同的功能以不同的方式切换多个文本 block /按钮?