尝试在单击图像时删除类

Question

我尝试在单击图像时使用jquery删除一个类，但我似乎可以让它工作。 我正在使用

 $(this).removeClass('.title');

删除此类，但它无效。

 .title{
   font-size: 100%;
   top: -40px;
   color: white;
   left: 0%;
   position: absolute;  
   z-index: 1;
   }

这是我的JSFiddle。

Answer 1

它不是

$(this).removeClass('.title');

它的

$(this).removeClass('title');

当您使用.，addClass和removeClass时，不得使用toggleClass。正如其他答案者所提到的，在您的演示中，课程title不适用于li，而是应用于div。因此，您必须执行以下操作才能删除title：

$(this).find("div").removeClass('title');

演示：http://jsfiddle.net/hungerpain/XYZZx/39/

Answer 2

在你的情况下，removeClass("title")是不够的，但你还需要更多：

$("div",this).removeClass('title');

这里的工作正如您所期望的那样：http://jsfiddle.net/XYZZx/38/