js, как узнать кол-во блоков в ряду

js, как узнать кол-во блоков в ряду

Решение достаточно простое: берем ширину родителя и ширину блоков, делим одно на другое и получаем кол-во блоков, которое может поместиться в одной строке. Возможно есть более правильное решение, не знаю.

// Определяем кол-во объектов в ряду
let list = $('.list'),
	items = list.find('.item'),
	cntInRow = Math.floor(list.width() / items.width());
console.log(cntInRow);

Это не сработает если ширина дочерних блоков разная, в этом случае можно пройтись по ним в цикле и, суммируя ширину, будет понятно после какого блока начинается новая строка.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.