jQuery - Método siguiente ([selector])

Descripción

los next( [selector] ) El método obtiene un conjunto de elementos que contienen los próximos hermanos únicos de cada uno del conjunto de elementos dado.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.next( [selector] )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

selector- El selector opcional se puede escribir usando la sintaxis de selector CSS 1-3. Si proporcionamos una expresión de selector, el elemento se incluye de manera inequívoca como parte del objeto. Si no proporcionamos uno, el elemento se probará para una coincidencia antes de que se incluya.

Ejemplo

A continuación se muestra un ejemplo sencillo que muestra el uso de este método. Pruebe este ejemplo sin pasar el selector en el método 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>

Esto producirá el siguiente resultado:

Ejemplo

A continuación se muestra un ejemplo sencillo que muestra el uso de este método.

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

Esto producirá el siguiente resultado:

jquery-traversing.htm

↰ Previous page