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