通过点击/点击Jquery中的删除点击类？

Question

这是我的代码，我想要的是删除我单击的类。

我不明白为什么它不工作，我都尝试

$(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> 

Answer 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>

Answer 2

当创建中的元素while循环可能是你的类= '开始' 元素仍未被发现。试试这个..

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

Answer 3

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

Answer 4

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

follow this also