miércoles, 8 de octubre de 2014

Selectores de Jerarquía en jQuery - II

Selector prev + next:

Con este selector conseguimos acceder a las elementos que están después de otros, es decir, a las etiquetas que
concuerdan con el selector "next", que se abren después de cerrar las etiquetas que concuerdan con el selector
"prev".
$("p.parraforojo + p") //Esto selecciona los párrafos que están después de cualquier párrafo que
tenga la clase "parraforojo"
$("i + b") //selecciona todas las negritas (etiqueta B) que hay después de una itálica (etiqueta I)

Selector prev ~ siblings:

Selecciona los elementos hermanos que hay a continuación de los elementos que concuerden con el selector "prev", que son
del tipo que se especifica con el selector "siblings". Los elementos hermanos son los que están en el mismo contenedor y se
encuentran en el mismo nivel de jerarquía.
$("#miparrafo ~ table") //selecciona los elementos TABLE que son hermanos del elemento con
id="miparrafo"
$("#a2 ~ div.clase") //selecciona los elementos hermanos del que tiene el id="a2" que sean etiquetas
DIV con la class="clase".

No hay comentarios:

Publicar un comentario