Latest web development tutorials

jQuery recorrido - Compatriotas (hermanos)

Compatriotas tienen el mismo elemento padre.

Por jQuery, que son capaces de atravesar compatriotas del elemento en el árbol DOM.


Nivel en el recorrido del árbol DOM

Hay muchas maneras útiles para llegar a nosotros en el nivel de DOM árbol de recorrido:

  • hermanos ()
  • next ()
  • nextAll ()
  • nextUntil ()
  • prev ()
  • prevAll ()
  • prevUntil ()

jQuery hermanos (método)

método de los hermanos () devuelve el elemento seleccionado todos los elementos compatriotas.

El ejemplo siguiente devuelve el elemento <h2> todos los compatriotas:

Ejemplos

$(document).ready(function(){
$("h2").siblings();
});

Trate »

También puede utilizar los parámetros opcionales para filtrar la búsqueda de elemento de compatriotas.

Las siguientes declaraciones de ejemplo, pertenecen al elemento <h2> elemento de todos los compatriotas <p>:

Ejemplos

$(document).ready(function(){
$("h2").siblings("p");
});

Trate »


siguiente método jQuery ()

método next () devuelve el elemento seleccionado a los siguientes elementos compatriotas.

Este método devuelve un solo elemento.

En el siguiente ejemplo se devuelve el elemento <h2> siguiente compatriotas:

Ejemplos

$(document).ready(function(){
$("h2").next();
});

Trate »


jQuery nextAll método ()

nextAll método () devuelve todos los elementos siguen compañero del elemento seleccionado.

En el siguiente ejemplo se devuelve el elemento <h2> todos los compatriotas a seguir:

Ejemplos

$(document).ready(function(){
$("h2").nextAll();
});

Trate »


jQuery nextUntil método ()

nextUntil () devuelve el método entre todos los elementos de las dos compatriotas a seguir los parámetros dados.

El ejemplo siguiente devuelve entre <h2> y <h6> elemento de todos los compatriotas entre los elementos:

Ejemplos

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Trate »


método anterior de jQuery (), prevAll () y prevUntil ()

prev trabajo (), prevAll () y prevUntil () método es similar al método anterior, pero sólo en la dirección opuesta: vuelven en frente de los elementos de la connacional (en el recorrido de árbol DOM hacia atrás a lo largo de elemento compatriotas en vez hacia adelante).