2.    <ul class="dropdown-menu">
3.                                     <li class="header">Esercizio Contabile</li>
4.                                     <li>
5.                                          <a href="#" class="esercizio">
6.                                             <i class="fa text-aqua"></i> 2018
7.                                         </a>
8.                                         <a href="#" class="esercizio">
9.                                             <i class="fa text-aqua"></i> 2017
10.                                         </a>
11.                                     </li>
12.                                     <li class="disabled">
13.                                         <a href="#" class="esercizio">
14.                                             <i class="fa fa-warning text-yellow"></i> 2016
15.                                         </a>
16.                                     </li>
17.                                 </ul>
18. 
    

and I would add a class ('fa-check-circle') in  'i' when the user click on 'a' and delete all class ('fa-check-circle') in the other 'li'
Actualy I can add class, but I don't know how delete the all class. 

This is my jquery code:

2.  $(function(){
3.                $('.esercizio').click(function(){
4.                   var anno = $(this).text();
5.                   $(this).find('i').addClass('fa-check-circle');
6.                });
7.             });

Thanks for help.