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

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, se crea padres y los elementos hijos. El elemento superior es el padre, mientras que todos los elementos anidados se convierten en los niños. En jQuery, puede sacar a los niños de un elemento utilizando la función ") niños (", pero hay que recorrer la matriz de valores que crea la función. Instrucciones
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

". 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, muestra el valor de "childEl" y termina la línea con una etiqueta de salto de línea.
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 + "");

});

});