jQuery - méthode prev ([selector])
La description
le prev( [selector] ) La méthode obtient le frère immédiatement précédent de chaque élément de l'ensemble des éléments correspondants, éventuellement filtré par un sélecteur.
Syntaxe
Voici la syntaxe simple pour utiliser cette méthode -
selector.prev( [selector] )
Paramètres
Voici la description de tous les paramètres utilisés par cette méthode -
selector - Il s'agit d'un sélecteur facultatif pour filtrer les éléments précédents avec.
Exemple
Voici un exemple simple montrant l'utilisation de cette méthode. Essayez cet exemple sans passer le sélecteur dans la méthode prev () -
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function(){
$("p").prev(".selected").addClass("hilight");
});
</script>
<style>
.hilight { background:yellow; }
</style>
</head>
<body>
<div><span>Hello</span></div>
<p class = "selected">Hello Again</p>
<p>And Again</p>
</body>
</html>
Cela produira le résultat suivant -
Exemple
Voici un exemple simple montrant l'utilisation de cette méthode.
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script type = "text/javascript" language = "javascript">
$(document).ready(function(){
$("p").next(".selected").addClass("hilight");
});
</script>
<style>
.hilight { background:yellow; }
</style>
</head>
<body>
<div><span>Hello</span></div>
<p class = "hilight">Hello Again</p>
<p>And Again</p>
</body>
</html>
Cela produira le résultat suivant -
jquery-traversing.htm