Как посчитать количество элементов в каждом контейнере?

Question

[koshotayl]

Есть контейнеры с классом block. Внутри лежат элементы с классом item. Как узнать, сколько .item находится в каждом .block?

Answer 1

[Евгений]

const blocks = document.getElementsByClassName('block');
const stats = [];
for(block of blocks) {
  const size = block.getElementsByClassName('item').length;
  stats.push(size);
}
alert(stats);

Comments

[koshotayl]

Спасибо большое

[Mesuti]

Зачем громоздкая конструкция и лишние переменные?
document.querySelectorAll('.block .item').length

[Евгений]

Mesuti, чтобы получить 5 и 7, а не 12

Answer 2

[Tim]

let res = [...document.querySelectorAll('.block')].map(i => i.children.length);
console.log(res);