Järjestysnumeron välittäminen JavaScript-takaisinkutsufunktioon
Tehdään niin, että jos takaisinkutsufunktiossamme on kirjoitettu toinen parametri, siihen tulee elementin järjestysnumero löydetyssä elementtikokoelmassa:
forEach('.elem', function(elem, index) {
console.log(elem); // tulostaa elementin
console.log(index); // tulostaa elementin järjestysnumeron
});
Tämän parametrin avulla voimme esimerkiksi lisätä jokaisen elementin loppuun sen järjestysnumeron:
forEach('.elem', function(elem, index) {
elem.textContent = elem.textContent + index;
});
Muokataan forEach-funktiomme koodia kuvatun toteuttamiseksi:
function forEach(selector, func) {
let elems = document.querySelectorAll(selector);
for (let i = 0; i < elems.length; i++) {
func(elems[i], i);
}
}
Annetut kappaleet. Luomamme funktion
forEach avulla lisää
jokaiselle kappaleelle sen järjestysnumeron alkuun.
