添加和刪除類ID

Question

當我點擊類顯示「ID不會返回類隱藏 你能幫我嗎？ 感謝

CSS

.hide{color: red} 
    .show{ color: green} 

HTML

<div id="prova" class="hide"> 
    prova 
</div> 

jQuery的

$(document).ready(function() 
    { 
     $("#prova.hide").click(function() 
     { 

      $(this).removeClass(); 
      $(this).addClass("show") 
     }) 
     $("#prova.show").click(function() 
     { 

      $(this).removeClass(); 
      $(this).addClass("hide") 
     }) 

    }) 

Answer 1

當你改變你的類單擊事件未綁定。所以當你改變這個類的時候，元素不再有與它們相關的事件。

$(document).on('click', "#prova.hide", function() 
    { 

     $(this).removeClass(); 
     $(this).addClass("show") 
    }) 
    $(document).on('click', "#prova.show", function() 
    { 

     $(this).removeClass(); 
     $(this).addClass("hide") 
    }) 

Answer 2

嘗試這種情況：

$("#prova").click(function(){ 
    $(this).toggleClass('show hide'); 
}); 

DEMO HERE

Answer 3

當$("#prova.hide").click(被調用時，函數click僅適用於那些在代碼運行時的選擇器匹配的元素。你應該做這樣的事情：

$("#prova").click(function() 
{ 
    var $this = $(this); 

    if($this.hasClass("show")){ 
     $this.removeClass("show"); 
      .addClass("hide"); 
    } else { 
     $this.removeClass("hide"); 
      .addClass("show"); 
    } 
});