Los últimos tutoriales de desarrollo web
 

jQuery children() Method

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.


Métodos de desplazamiento <jQuery