jQuery - méthode next ([selector])

La description

le next( [selector] ) La méthode obtient un ensemble d'éléments contenant les frères et sœurs suivants uniques de chacun des ensembles d'éléments donnés.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.next( [selector] )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • selector- Le sélecteur facultatif peut être écrit en utilisant la syntaxe du sélecteur CSS 1-3. Si nous fournissons une expression de sélecteur, l'élément est inclus sans équivoque dans le cadre de l'objet. Si nous n'en fournissons pas, l'élément sera testé pour une correspondance avant d'être inclus.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode. Essayez cet exemple sans passer le sélecteur dans la méthode next () -

<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>
      <p>Hello</p>
      <p class = "selected">Hello Again</p>
      <div><span>And Again</span></div>
   </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>
      <p>Hello</p>
      <p class = "hilight">Hello Again</p>
      <div><span>And Again</span></div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-traversing.htm