Cómo encontrar el NTH hijo de un elemento usando JavaScript mientras itera

Supongo que estás buscando esto …

para (i = 0; i <7; i ++) {
element.find (‘: nth-child (‘ + i + ‘)’);
}

Simplemente use + para concatenar una cadena.

Puede usar la propiedad element.querySelectorAll () proporcionada por Javascript.

Supongamos que HTML se ve de esta manera:

Element 1

Element 2

Element 3

El script java sería el siguiente:

/ * Selecciona todos los elementos con ID padre * /
var parent = document.getElementById (“parent”);
/ * Selecciona todos los hijos del padre que tienen como elemento * /
var child = parent.querySelectorAll (“span”);
/ * Cambia el color de fondo del primer elemento a rojo * /
child [0] .style.backgroundColor = ”rojo”;
/ * Cambia el color de fondo del segundo elemento a verde * /
child [1] .style.backgroundColor = ”green”;
/ * Cambia el color de fondo del tercer elemento a amarillo * /
child [2] .style.backgroundColor = ”amarillo”;

Más recursos para mirar

1. MDN – querySelectorAll ()
2. W3Schools – querySelectorAll ()

Para convertir un número a una cadena, puede usar la función .toString (). Para convertir cadenas en números, puede usar parseInt ().

El atajo simple para convertir un número a una cadena está usando ‘”’ + número + ‘”’

Creo que está refiriendo cualquier sitio de codificación con NTH hijo de un elemento usando JS. Entonces sabes qué tipo de funciones se usan para iterar en bucle.