Método jQuery find()
❮ Métodos transversales de jQuery
Ejemplo
Devuelve todos los elementos <span> que son descendientes de <ul>:
$(document).ready(function(){
$("ul").find("span").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 find() devuelve elementos descendientes del elemento seleccionado.
Un descendiente es un hijo, un nieto, un bisnieto, etc.
El árbol DOM: este método atraviesa hacia abajo a lo largo de los descendientes de los elementos DOM, hasta el último descendiente. Para atravesar solo un nivel hacia abajo en el árbol DOM (para devolver hijos directos), use el método children() .
Nota: El parámetro de filtro es necesario para el método find(), a diferencia del resto de los métodos de recorrido del árbol.
Sugerencia: para devolver todos los elementos descendientes, use el selector "*".
Sintaxis
$(selector).find(filter)
Parameter | Description |
---|---|
filter | Required. A selector expression, element or jQuery object to filter the search for descendants Note: To return multiple descendants, separate each expression with a comma. |
Pruébelo usted mismo - Ejemplos
Usando el selector "*" para devolver todos los elementos que son descendientes de <html>.
Cómo devolver todos los elementos <span> que son descendientes de un elemento <ul>.
Cómo devolver elementos descendientes con el nombre de clase "primero".
Cómo devolver múltiples elementos descendientes.
Cómo devolver todos los elementos <span> que son descendientes de un elemento <ul> con un objeto jQuery.
Una demostración que muestra quiénes son realmente los descendientes de un elemento <div>.
❮ Métodos transversales de jQuery