【JavaScript小白】 问关于removeClass()的问题

代码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>问答特效</title>
    <style type="text/css">
        h2{padding: 5px;}
        p{display: none;}
        .k1 {
            background-color: #ccffff;
        }
        .k2 {
            display: block;
        }
    </style>

</head>
<body>
<h2>什么是受益人?</h2>
<p>
    <strong>解答:</strong>
    受益人是指人身保险中由被保险人或者投保人指定的
    享有保险金请求权的人,投保人、被保险人可以为受益人。
</p>
<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function() {
        var aaa = 1;
        $("h2").click(function(){
            if (aaa == 1) {
                $("h2").addClass("k1").next().addClass("k2");
                aaa = 0;
            } else if (a == 0) {
                $("h2").removeClass("k1").next().removeClass("k2");
                aaa = 1;
            }

        });
    });
</script>

</body>
</html>

点击之前:

clipboard.png

点击之后:

clipboard.png
再次点击,就没有办法消除这个样式
很奇怪,为什么增加样式可以成功,消除样式却不行。

阅读 1.8k
2 个回答

你的js代码写的有问题,我想你应该是想要实现这种功能:

   $(document).ready(function() {
        var count = 0;
        $("h2").click(function(){
            count++;
            if(count % 2 === 1){
                $("h2").addClass("k1").next().addClass("k2");
            }else{
                $("h2").removeClass("k1").next().removeClass("k2");
            }
        });
    });
    

变量a未定义。

新手上路,请多包涵

else if (aaa == 0)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题