Удалить выбранный класс, щелкнув/щелкнув в 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
в цикле в то время, у меня есть

<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

Поскольку элементы созданы в то время как цикл может быть «старт» ваш класс = элемент остается незамеченным. Попробуйте это ..

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