jQuery - next ([selector]) Metodo

Descrizione

Il next( [selector] ) il metodo ottiene un insieme di elementi contenente i fratelli successivi univoci di ciascuno dell'insieme di elementi specificato.

Sintassi

Ecco la semplice sintassi per utilizzare questo metodo:

selector.next( [selector] )

Parametri

Ecco la descrizione di tutti i parametri utilizzati da questo metodo:

  • selector- Il selettore opzionale può essere scritto utilizzando la sintassi del selettore CSS 1-3. Se forniamo un'espressione del selettore, l'elemento è inequivocabilmente incluso come parte dell'oggetto. Se non ne forniamo uno, l'elemento verrebbe testato per una corrispondenza prima di essere incluso.

Esempio

Di seguito è riportato un semplice esempio di un semplice che mostra l'utilizzo di questo metodo. Prova questo esempio senza passare il selettore nel metodo 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>

Questo produrrà il seguente risultato:

Esempio

Di seguito è riportato un semplice esempio di un semplice che mostra l'utilizzo di questo metodo.

<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>

Questo produrrà il seguente risultato:

jquery-traversing.htm