$.addUniqueClass

Je travaille présentement sur un projet utilisant excessivement jQuery. Et je me suis souvent retrouvé à écrire la ligne de code suivante :

$(this).addClass('active').siblings().removeClass('active');

En gros, cela ajoute la classe active à un élément et l’enlève à tous les éléments qui ont le même parent. Dans l’optique de me sauver de cette tâche répétitive, j’ai ajouté une méthode à l’objet jQuery : addUniqueClass.

jQuery.fn.extend({ 
    'addUniqueClass' : function(className) { 
        return $(this).addClass(className).siblings().removeClass(className);
    }
}); 

Cela fait exactement la même chose, sauf que maintenant au lieu d’écrire trois méthodes, on peut en écrire qu’une seule (ex. $(this).addUniqueClass('active')) !