重复按钮和文本更改

Question

我在页面上有一个按钮和一些文本，我试图在单击按钮时更改按钮文本和页面文本，我正在尝试使用jQuery执行此操作。它在第一次单击按钮时有效，但是再次单击时它不会更改。这是我的代码：

[String:Any]

Answer 1

您的第一个条件将始终返回true，因为它设置的值为div和button，而不是检查是否相等。尝试：

if(button.html() == 'Hello World' && div.html() == 'Hello World') {

使用text()代替html()可能会更好，因为您实际上并未设置H​​TML

Answer 2

var text1 = 'Hello World', text2 = 'What s\'up ?';

$('button').click(function() {
  if ($(this).text() == text1) {        
    $(this).text(text2);
    $('div').html(text2);
   } else {         
     $(this).text(text1);
     $('div').html(text1);
   }

});