toggleClass jQuery中

Question

我不能得到toggleClass工作，这里有一个的jsfiddle：在图像上 http://jsfiddle.net/edddotcom/V6VHX/

点击被认为通过移除.MID类，但它没有这样做，此刻什么使文本改变颜色。

这里的JavaScript的：

$(document).ready(function(){ 
    $("#image").click(function(){ 
     $("p").toggleClass(".mid"); 
    }); 
}); 

和HTML

<div class="container"> 
    <div class="row"> 
     <p>HELLO</p> 
     <p class="mid">HELLO</p> 
     <img id="image" src="http://icons.iconarchive.com/icons/artua/mac/512/Earth-icon.png"/> 
    </div> 
</div> 

的CSS基本上只是说该.MID类是红色文字，如果你需要它看到的jsfiddle，

我在想什么/做错了什么？

Answer 1

使用toggleClass，不需要类名前面的前导点。

$("p").toggleClass("mid"); 

Answer 2

试试这个：

$("#image").click(function() { 
    $(this).prev('p').toggleClass("mid"); 
}); 

1. 的toggleClass方法中不需要的.。

Answer 3

只要删除'。'在'mid'前缀。