添加和删除类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"); 
    } 
});