每次在div上使用.append（）和click（）時

Question

我試圖在每次點擊它時更改div中的文本。我嘗試了以下，但它不工作：

<script> 
    $(document).ready(function() { 
     //alert('hi'); 
     $('div').css('cursor','pointer') 
     $('div').append('hi') 

     $('div').click(function() { 
      if ($(this).html('hi') { 
       $(this).html('how r u'); 
      } 
      if ($(this).html('how r u')) { 
       $(this).html('hi'); 
      } 
     ) 

     //$(this).html('how r u'); 
    }) 
}) 
</script> 

任何人都可以幫助我嗎？

在此先感謝

Answer 1

相反的：

if ($(this).html('hi')) 

嘗試：

if($(this).html()==='hi') 

的完整代碼（你也忘了一個 「其他」 有你的第二個 「如果」）：

$(document).ready(function() { 
    $('div').css('cursor', 'pointer'); 
    $('div').append('hi'); 

    $('div').click(function() { 
     if ($(this).html() === 'hi') { 
      $(this).html('how r u'); 
     } else if ($(this).html() === 'how r u') { 
      $(this).html('hi'); 
     }; 
    }); 
});​ 

http://jsfiddle.net/HKWdT/

Answer 2

您仍然需要返回值進行比較的.html()方法：

if ($(this).html() === 'hi'){ 
    $(this).html('how r u'); 
} else if ($(this).html() === 'how r u'){ 
    $(this).html('hi'); 
} 

Answer 3

<script> 
$(document).ready(function(){ 
    $('div').css('cursor','pointer') 
    $('div').append('hi') 
    $('div').click(function(){ 
     if($(this).html() == 'hi') 
     { 
      $(this).html('how r u'); 
     } 
     else if($(this).html() == 'how r u') 
     { 
      $(this).html('hi'); 
     ) 
    }); 
}); 
</script> 

這將工作太：

<div>hi</div> 
<div style="display: none">how r you</p> 
<script> 
$("div").click(function() { 
    $("div").toggle(); 
}); 
</script>