Как изменить размер карточек 1-го ряда, а остальные оставить прежними?

Question

[Лобстер]

Здравствуйте. У меня есть 9 карточек. Я написал скрипт который в зависимости от количества текста в .item_text увеличивает высоту других карточек, но я не знаю как сделать так чтобы высота карточек в ОДНОМ ряду должна быть одинаковой и не влиять на другие ряды. Другими словами принимается максимальная высота карточки ряда для остальных карточек ряда.

https://jsfiddle.net/dnz4364b/

Answer 1

[iBird Rose]

делай переменную и считай в ней сколько итемов помещается в строку в данный момент ширины блока. ну и дальше циклом бегай уже по строкам

$("родитель в котором твои item").each(function () {
var blockCount = Math.floor($(this).width() / $(this).find(".твои итемы").width());

че то типа этого: https://jsfiddle.net/dnz4364b/1/

Comments

[Лобстер]

О_О

[iBird Rose]

Тостер: что?) по строкам считает) и адаптивно)

[Лобстер]

iBird Rose: всё куда проще - я туповат

[Лобстер]

iBird Rose: Я не очень понимаю как это всё должно работать О_о точнее я смог заставить это работать

[iBird Rose]

Тостер: там 20 строк кода если не считать задание переменных и вызов функции) да и как бы тебе достаточно просто классы заменить если кидал на jsfiddle отличные от твоих классы)

[Kovalsky]

Бтв, обычно количество колонок считают используя брейкпоинты аналогичные тем, что используются в CSS