DOM elementlarni JavaScriptda raqamlash
Iteratorlarni tushunish DOM elementlariga raqam qo'shishni osonlashtiradi. Misol tariqasida, bizda quyidagi abzatslar bor:
<p>matn</p>
<p>matn</p>
<p>matn</p>
Keling, ushbu abzatslar to'plamini o'zgaruvchiga olaylik:
let elems = document.querySelectorAll('p');
Takrorlash uchun o'rnatilgan
entries iteratoridan foydalanamiz:
for (let entry of elems.entries()) {
console.log(entry);
}
Raqamlarni elementlardan ajratish uchun destrukturalashtirishdan foydalanamiz:
for (let [num, elem] of elems.entries()) {
console.log(num, elem);
}
Har bir abzatsning oxiriga uning tartib raqamini qo'shamiz:
for (let [num, elem] of elems.entries()) {
elem.textContent += num;
}
HTML jadval berilgan. Ushbu jadvalning har bir katagiga raqam qo'ying.
