JQuery Comment activer un bouton lorsque vous cliquez dessus

Question

je boutons paginations comme ceci:

<div style="float: right;" id="editable_paginate" class="dataTables_paginate paging_simple_numbers"> 
    <ul class="pagination"> 
     <li id="editable_previous" class="js_paginate_button previous disabled"><a href="#">Précédent</a></li> 
     <li class="js_paginate_button active"><a href="#">1</a></li> 
     <li class="js_paginate_button "><a href="#">2</a></li> 
     <li class="js_paginate_button "><a href="#">3</a></li> 
     <li class="js_paginate_button "><a href="#">4</a></li> 
     <li class="js_paginate_button "><a href="#">5</a></li> 
     <li id="editable_next" class="js_paginate_button next"><a href="#">Suivant</a></li> 
    </ul> 
</div> 

Par défaut, le premier bouton a la classe « active ». Lorsque je clique sur le deuxième bouton, par exemple, je dois activer ce bouton et désactiver le premier bouton. J'ai implémenté la fonction ci-dessous, mais $(this).addClass('active'); ne fonctionne pas.

View.PharmaciesView = Marionette.CompositeView.extend({ 
    events : { 
     "click li.js_paginate_button":"paginate" 
    }, 
    paginate : function(e) { 
     $('li.js_paginate_button').removeClass('active'); 
     $(this).addClass('active'); 
     e.preventDefault(); 
    } 
}); 

Qu'est-ce qui ne va pas dans mon code?

Answer 1

cette dans paginate est une instance de View.PharmaciesView. Pour obtenir la construction de l'élément de bouton:

$(e.target).addClass('active');