Índice

Encontrar los hermanos siguientes hasta

nextUntil(selector o elemento)

Devuelve los hermanos siguientes de cada elemento hasta (no incluido) el elemento que especifica el selector.

$("ul >:first").nextUntil( ":last" );

Devuelve todos los ítems de lista comprendidos entre el primero y el último.

Se trata de una novedad de la versión 1.4 de jQuery.

Ejemplo

Ocultamos y mostramos las filas de la tabla según un criterio de selección basado en una clase CSS.

Aspecto inicial:

images/7_12_v41.png

Aspecto obtenido después de hacer clic en el botón Cambiar:

images/7_12_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() { 
        $("button").click(function() { 
            $("tr:first").nextUntil(’tr:not(.linea)’).toggle(); 
        }); 
    }); 
</script> 
<style> 
    table { 
        margin-top: 20px; 
        width: 260px; 
        border: 1px solid black; 
        border-collapse:collapse; 
    } 
    td { 
        border: 1px solid black; 
      ...