Question

我相信我的问题原来不清楚。我正在努力使这里更清楚。

我的问题 - 如何告诉JQuery识别用户选择的两个单词中的哪一个，以便将背景颜色更改为“Hello”和“Goodbye”的不同颜色？有一个“按钮”，用户点击即可实现此目的。

我正在建立一个网站，用户可以点击页面上的文字进行更改。在这种情况下 - 由于这个论坛的一些很好的帮助 - 用户可以选择'你好'和'再见'。

换句话说，如果用户选择“你好！”，我希望背景为绿色。如果他们选择“再见！”，我希望它是蓝色的。

我真的被卡住了：/

我对此非常陌生，所以所有人都非常感激！

我用来做背景颜色变化的代码：

$("#button").click(function() {
        if ($("#greeting").text === 'Hello!') {
            $("body").css("background-color", "green");
        }
        else {
            $("body").css("background-color", "blue");
        }
});

以下是网站代码的其余部分（感谢上一个问题的帮助！）：

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

这是我的JQuery（见上一个问题！）：

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

Answer 1

尝试一次。我也不确定

$(function(){
    $("#greeting").click(function(){

       if($(this).text() =="Hello")
        $(this).text('Goodbye!').toggle(hide);

      if($(this).text() =="Goodbye")
        $(this).text('Hello!').toggle(hide);
    });
});

Answer 2

$(function(){
    $("#greeting").click(function(){
        if($(this).text() == 'Hello') {
           $(this).text('Goodbye!');
        } else {
           $(this).text('Hello');
        }
    });
});

根据所选单词的不同功能--JQuery

2 个答案: