在Jquery中单击/单击删除单击的类?

时间:2014-11-25 07:38:16

标签: javascript jquery

这是我的代码,我想要的是删除我点击的类。

我不明白为什么它不起作用,我试过了两个

$(document).ready(function(){
  $(".start").on("click", function(){       
    $(this).removeClass("start");
    return false;
  });
});

$(document).ready(function(){
  $(".start").click( function(){        
    $(this).removeClass("start");
    return false;
  });
});

的index.php
在一个while循环中,我有

   <li><a href="#" class="start">Name</a> </li>

4 个答案:

答案 0 :(得分:1)

您可能忘记添加jquery的引用...

这在这里工作正常:

$(document).ready(function(){
  $(".start").on("click", function(){       
    $(this).removeClass("start");
  });
});
.start 
{
    color:black;
    background:red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


   <li><a href="#" class="start">Name</a> </li>

答案 1 :(得分:1)

由于在while循环中创建的元素可能是您的类=&#39; start&#39;元素仍未被发现。试试这个..

      $(document).ready(function(){
         $(document).on('click','.start',function(){        
            $(this).removeClass("start");
            return false;
         });
      });

答案 2 :(得分:1)

将jquery库添加到您的代码中 访问jsfiddle http://jsfiddle.net/Jf8mp/15/ jsfiddle

答案 3 :(得分:0)

$(document).ready(function(){
     $(document).on('click','.start',function(){        
        $(this).removeClass("start");
        return false;
     });
  });

follow this also