0

我无法让 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,

我错过了什么/做错了什么?

4

3 回答 3

2

只需删除“。” 前缀“中”。

于 2013-04-25T14:14:40.767 回答
1

试试这个:

$("#image").click(function () {
    $(this).prev('p').toggleClass("mid");
});
  1. 不需要.在 toggleClass 方法里面。
于 2013-04-25T14:14:35.797 回答
0

使用 toggleClass,类名前的前导点不是必需的。

$("p").toggleClass("mid");
于 2013-04-25T14:15:28.717 回答