jQuery removeClass() addClass() 无法增加或删除类

jqueryremoveClassaddClass删除类增加类

解决方案 »

  1.   

    demo here
    核心代码：$(document).ready(function() {
        $("p.plive").click(function(){
            $(this).siblings().removeClass('p_select');
            $(this).addClass("p_select");
        });
    });
    <!doctype html>
    <html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"></script>
        <style type="text/css">
            .p_select{ color:#f00;background: #f00;}
        </style></head>
    <body>
    <p class="user"><img src="skin_version2/images/01/user.png" /> 用户：${loginSession.accountName}</p>
    <p class="user"><img src="skin_version2/images/01/level.png" /> 等级：${loginSession.rank.rankName}</p>
    <div class="mid"></div>
    <p class="plive p_select"><img src="skin_version2/images/01/u9c.gif" /> <a href="usercenter.htm">我的订单</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="favorites.htm">我的收藏</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="member_address.htm">地址薄</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="toPersonalSetting.htm">个人设置</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="toPersonalEvaluate.htm?customerId=${loginSession.customerId }">展馆评价</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="toPersonalCommodityEvaluate.htm?customerId=${loginSession.customerId }">商品评价</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="saleService.htm">售后记录</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="innerLetter.htm">站内信</a></p>
    <div class="mid"></div>
    <p class="plive"><img src="skin_version2/images/01/u9c.gif" /> <a href="#">会员活动</a></p>
        <div class="mid"></div>
    <script type="text/javascript">
        $(document).ready(function() {
            $("p.plive").click(function(){
                $(this).siblings().removeClass('p_select');
                $(this).addClass("p_select");
            });
        });
    </script>
    </body>
    </html>
      

  2.   

    $(document).ready(function() {
    $("p.plive").click(function(){
    $("p.p_select").removeClass();
    //上述情况，会把所有的class都清除的，如果要清除特定的class，要使用下面的写法。传入特定的class名称。
    //$("p.p_select").removeClass("p_select");
    $(this).addClass("p_select");
    return false;
    //因为你这里有a链接，所以可以通过return false来阻止这个链接的跳转。
    //如果你是需要跳转的话，就不需要这个return了。
    });
    });
      

  3.   

    建议你参考下jquery手册中removeClass()的使用方法。必须要传参数的，参数就是你要删除的类名。
    .removeClass("class_name");
      

  4.   

    如果是静态页面的话，你这样的链接肯定是链接到不同的页面啊，那么就更改对应的class就行了或者直接在页面的地址后面添加一个属性，标记你是跳转到了哪个页面，然后在对应的页面使用loaction中的信息，给对应的标签添加class。动态页面生成的话，你点击按钮的时候，也是在后面加个参数，然后在生成页面的时候，把对应的标签添加class即可。这个如果你是用js的话，不用考虑的啊。