Métodos de desplazamiento <jQuery
Ejemplo
Devolver todos los <span> elementos 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)
Inténtalo tú mismo " Definición y Uso
Los find() devuelve el método de elementos descendientes del elemento seleccionado.
Un descendiente es un niño, nieto, bisnieto, y así sucesivamente.
El árbol DOM: Este método recorrer abajo a lo largo descendientes de los elementos DOM, todo el camino hasta el último descendiente. Para atravesar solamente un solo nivel hacia abajo el árbol DOM (para volver hijos directos), utilice los children() método.
Nota: Se requiere que el parámetro de filtro para el find() método, a diferencia del resto de los métodos de recorrido de árbol.
Consejo: Para volver todos los elementos descendientes, utilice el "*" selector.
Sintaxis
$(selector).find( filter )| Parámetro | Descripción |
|---|---|
| filter | Necesario. Un selector de expresión, elemento u objeto jQuery para filtrar la búsqueda de descendientes Nota: Para devolver varios descendientes, separe cada expresión con una coma. |
Inténtelo usted mismo - Ejemplos
Devolver todos los elementos descendientes de <html>
Usando el "*" selector para que todos los elementos que son descendientes de <html> .
Devolver todos los <span> elementos que son descendientes de <ul>
Cómo devolver todos los <span> elementos que son descendientes de un <ul> elemento.
Solo seleccionar los descendientes con un nombre de clase dada
Cómo devolver los elementos descendientes con el nombre de la clase "first" .
Devolver varios descendientes
Cómo devolver varios elementos descendientes.
Se filtra la búsqueda descendiente con una colección de todos los jQuery <ul> elementos
Cómo devolver todos los <span> elementos que son descendientes de un <ul> elemento con un objeto jQuery.
Mostrar los descendientes de un elemento de nombres de etiqueta
Una demostración que muestra que los descendientes de un <div> elemento realmente son.