Cómo encontrar a los hijos de un elemento en jQuery

Elementos HTML incluyen cualquier parte de una página web, como encabezados, tablas, imágenes y párrafos. Al anidar etiquetas HTML dentro de la otra, a crear los padres y los niños elementos. La parte superior elemento es el padre, mientras que todos los elementos anidados se convierten en los niños. En jQuery, puede obtener los hijos de un elementoutilizando la función ") niños (", pero hay que recorrer la matriz de valores que crea la función.

 

NIÑOS DEL ELEMENTO

 

Compruebe que el código incluye una referencia a la biblioteca jQuery antes de intentar la escritura en jQuery. Añade este código dentro de la "cabeza" etiquetas de su página web, si usted no ve la referencia:

 

script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" / script

 

Añadir un par de etiquetas de script por debajo de la referencia de la biblioteca jQuery y escribir una función para comprobar que la página ha terminado de cargar. Toda su escritura irá entre las llaves de esta función:

 

script type = "text / javascript"

 

$ (Function () {

 

});

 

/ Script

 

Seleccione el elemento HTML que necesita para obtener una lista de elementos secundarios de. Por ejemplo, si quiere que los niños de una lista desordenada, seleccione el elemento "ul". Anexar el selector con los "hijos ()" función para obtener a los niños:

 

$ ('Ul.level-2') hijos (.);

 

El ejemplo anterior se seleccione cualquier lista sin ordenar que se le da un nombre de clase de "nivel 2". Sin embargo, cuando los niños "()" busca varios elementos secundarios, se creará una matriz de valores. Usted necesita código especial para procesar una matriz.

 

Append "children ()" con "cada uno ()" para recorrer a través de la matriz de elementos secundarios. Como se trata de una estructura de bucle, se necesita una variable de contador, pero no es necesario crear antes de tiempo en jQuery. Pass "i" como argumento en "each ()" para obtener su contador:

 

$ ('Ul.level-2'). Niños (.) Cada uno (función (i) {

 

});

 

Declare una variable que contendrá el valor de texto de cada elemento secundario. Usted puede obtener otros valores de los elementos, pero el texto volverá el texto se encuentra dentro de los niños y es útil para los datos que llaman. Establezca la variable "$ (this)" para obtener el elemento actual que "cada uno ()" función está trabajando. Append "$ (this)" por "text ()" para obtener el texto:

 

var childEl = $ (this) texto ().;

 

Salida de los valores a su página, seleccionando un elemento y añadiendo "append ()" para que el "cada uno ()" función puede seguir añadiendo valores tal como son:

 

$ ('Div') append (i + ":" + childEl + "").;

 

En este ejemplo, "childEl" es la salida a un conjunto de etiquetas "div". Cada jQuery tiempo repite el código dentro de "each ()" se emite el número de "i", añade un par de puntos y comas, entrega el valor de "childEl" y termina la línea con una etiqueta de salto de línea.

 

Su guión final se verá así:

 

$ (Function () {

 

$ ('Ul.level-2'). Niños (.) Cada uno (función (i) {

 

var childEl = $ (this) html (.);

 

$ ('Div') append (i + ":" + childEl + "").;

 

});

 

});

 

Consejos y advertencias

Añadir "console.log (childEl)," dentro de la "each ()" en función de la última línea. Usa Firebug en Firefox o la consola de JavaScript en Google Chrome para comprobar los valores de una consola en la depuración.

 

Reemplazar "text ()" con "html ()" para obtener el código HTML para los elementos secundarios.