Как получить все лишки?

Question

[ArtemRubeUa]

Как получить все лишки?
Вообщем какая задача.На сайте есть три блока с класом list.Нужно чтоб в спан,записывалась цифра количества лишек в юельке.Пробывал делать так:

const circles = document.querySelectorAll('.list ul .circle');
let number = 0;
for(let i = 0;i<circles.length;i++){
    number++
    circles[i].innerHTML = number
}

Но в спаны записывается общее число лишек,тоисть из трех юелек.Надо сделать так,чтоб в спан писалось не общее число лишек,а число лишек в определенной юельке

Comments

[Lynn «Кофеман»]

.list ul li

Answer 1

[justadumb]

const list = document.querySelectorAll('ul > li')

Answer 2

[Егор Казанцев]

Может getElementsByTagName?
https://developer.mozilla.org/ru/docs/Web/API/Elem...

Answer 3

[ArtemRubeUa]

Именно через list[i]

Comments

[Andrey Vasilev]

list у тебя один, зачем его перебирать?
можно чекнуть детей list (ul), а потом чекнуть детей ul (li) и взять их оттуда. но к чему такие сложности?