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:
| Parameters | Description |
| 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>Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne