Cómo encontrar a los hijos de un elemento en los elementos jQuery
1
Compruebe que el código incluye una referencia a la biblioteca jQuery antes de intentar la escritura en jQuery. Agregue este código dentro de las etiquetas "
" de su página web si usted no ve la referencia:
2
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 es terminado de cargar. Toda su escritura irá entre las llaves de esta función:
3
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 "niños ()" función para obtener los niños:.
$ ('Ul.level-2') niños ();
El resultado del ejemplo seleccionar cualquiera desordenada lista que se 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.
4
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') children () cada uno (function (i) {
});
5
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:.
ChildEl var = $ (this) text ();
6
salida a los valores tu 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
Página 7
Su guión final se verá así:..
$ (function () {
$ ('ul.level-2') niños () cada uno ( función (i) {var
childEl = $ (this) html ();
$ ('div') anexados.. (i + ":" + childEl + "");
});
});