Métodos de desplazamiento <jQuery
Ejemplo
Devolver los elementos que son hijos directos de <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
Resultado:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
Inténtalo tú mismo " Definición y Uso
La children() método devuelve todos los hijos directos del elemento seleccionado.
El árbol DOM: Este método sólo atravesar un solo nivel hacia abajo el árbol DOM. Para recorrer hacia abajo múltiples niveles (para volver nietos u otros descendientes), utilice el find() método.
Consejo: para atravesar un solo nivel en el árbol DOM, o todo el camino hasta el elemento raíz del documento (para volver padres u otros ancestros), utilice la parent() o parents() método.
Nota: Este método no devuelve los nodos de texto. Para devolver todos los niños, incluyendo los nodos de texto, utilizar los contents() método.
Sintaxis
$(selector).children( filter )
Parámetro | Descripción |
---|---|
filter | Opcional. Especifica una expresión de selección para restringir la búsqueda de niños |
Inténtelo usted mismo - Ejemplos
Devolver todos los hijos directos de <ul>
Cómo devolver todos los hijos directos de un <ul> elemento.
Limitar la búsqueda
Cómo utilizar el parámetro de filtro para devolver todos los <li> elementos con el nombre de la clase "primero", que son hijos directos de <ul> .
Devolver todos los <p> elementos que son hijos directos de <div>
Cómo seleccionar todos los <p> elementos que son hijos directos de sus padres <div> elemento.
Mostrar los descendientes de un elemento de nombres de etiqueta
Una demostración que muestra que los descendientes de un <div> elemento realmente son.