jQuery中的toggleClass

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

只需删除'。'前缀'mid'。

Answer 2

试试这个：

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

1. toggleClass方法中不需要.。

Answer 3

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

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