Método jQuery children()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve 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)
Definición y uso
El método children() devuelve todos los hijos directos del elemento seleccionado.
El árbol DOM: este método solo atraviesa un nivel hacia abajo en el árbol DOM. Para recorrer varios niveles hacia abajo (para devolver nietos u otros descendientes), use el método find() .
Sugerencia: para recorrer un solo nivel hacia arriba en el árbol DOM, o hasta el elemento raíz del documento (para devolver padres u otros antepasados), use el método parent() oparents() .
Nota: este método no devuelve nodos de texto. Para devolver todos los elementos secundarios, incluidos los nodos de texto, utilice el método contents() .
Sintaxis
$(selector).children(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for children |
Pruébelo usted mismo - Ejemplos
Cómo devolver todos los elementos secundarios directos de un elemento <ul>.
Cómo usar el parámetro de filtro para devolver todos los elementos <li> con el nombre de clase "primero", que son hijos directos de <ul>.
Cómo seleccionar todos los elementos <p> que son hijos directos de su elemento padre <div>.
Una demostración que muestra quiénes son realmente los descendientes de un elemento <div>.
❮ Métodos transversales de jQuery