根据选定的词不同的功能 - jQuery

-5

我相信我的问题最初还不清楚。我努力在这里更清晰。根据选定的词不同的功能 - jQuery

我的问题 - 如何让JQuery识别用户选择的两个单词中的哪一个，以便将背景颜色更改为'Hello'和'Goodbye'的不同颜色？有一个'按钮'，用户点击发生这种情况。

我正在构建一个网站，用户可以点击页面上的文字来更改它们。在这种情况下，感谢这个论坛的一些很好的帮助，用户可以选择'你好'和'再见'。

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

我真的坚持：/

我很新的这一点，所以所有的帮助感激大大！

我用做背景色更改代码：

$("#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); 
    }); 
});

来源

2013-03-16 user2176393

Dup的：http://stackoverflow.com/questions/15446920/jquery-i-want-to-run-a-function-according-to-the-on-page-text – elclanrs 2013-03-16 10:46:55

这仍然是在[你对这个主题的第一个问题]相同的代码（http://stackoverflow.com/questions/15446454/jquery-i-want-to-click-a-word-to-change-it-then-点击它，再至变化它-b）。你为什么不试着考虑你在那里接受的答案，并且在再次询问之前看看你得到了多少答案？ – 2013-03-16 10:47:10

@FrédéricHamidi - 对不起，这个论坛还不新鲜。决定不发布我失败的尝试，使其工作。感谢您的反馈！ – user2176393 2013-03-16 11:05:56

试试这个once.I我也不能肯定

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

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

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

来源

2013-03-16 10:45:30 PSR

谢谢！我相信我的问题不清楚，但你的回复非常有帮助。我试图实现它（至少，它的一个变种），但我仍然无法实现它的工作。看到我对原始问题的修正。再次感谢！ – user2176393 2013-03-16 23:48:31

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

来源

2013-03-16 10:47:38 Kautil

非常感谢！仍然不能解决它：/可能是我的模糊问题，没有工作的错。看到我的修正案。不过谢谢你！ – user2176393 2013-03-16 23:49:28

根据选定的词不同的功能 - jQuery

回答

相关问题