jQuery – parcourir rapidement le DOM avec closest()

Pendant longtemps, j’utilisais la méthode .parent() de jQuery pour récupérer un élément parent de l’élément actuellement sélectionné.

$('selecteur_encours').parent(); 

Le problème est que si l’élément à sélectionner est l’arrière grand père, il faut alors écrire :

$('selecteur_encours').parent().parent().parent(); 

Ce qui n’est pas très beau. 🙁

Jusqu’au jour où j’ai découvert la fonction .closest() !!! qui est beaucoup plus efficace !! 🙂

$('selecteur_encours').closest('selecteur_a_rechercher'); 

Voici quelques exemples pour argumenter mon propos :

En fait .closest() fonctionne comme find() mais pour les parents