closest

Anglais [k'ləʊsɪst] US [k'loʊsɪst]

closed

méthode jquery la plus proche () syntaxe

Fonction : La méthode closest() obtient le premier élément ancêtre correspondant au sélecteur, en commençant par l'élément actuel et en remontant dans l'arborescence DOM.

Syntaxe :.closest(selector)

Parameters:

ParametersDescription
selector Expression de valeur de chaîne, contenant le sélecteur de l’élément correspondant.

Explication : Étant donné un objet jQuery représentant une collection d'éléments DOM, la méthode .closest() nous permet de récupérer ces éléments et leurs éléments ancêtres dans l'arborescence DOM et de construire un nouvel objet jQuery avec les éléments correspondants . Les méthodes .parents() et .closest() sont similaires dans la mesure où elles parcourent toutes deux l'arborescence DOM.

méthode jquery la plus proche () exemple

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
  li { margin: 3px; padding: 3px; background: #EEEEEE; }
  li.hilight { background: yellow; }
</style>
</head>
<body>
  <ul>
    <li><b>Click me!</b></li>
    <li>You can also <b>Click me!</b></li>
  </ul>
<script>
  $( document ).bind("click", function( e ) {
    $( e.target ).closest("li").toggleClass("hilight");
  });
</script>
</body>
</html>
Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne