Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Выбор элементов в строке формируемой float (не выделенной тегами) (https://javascript.ru/forum/jquery/51205-vybor-ehlementov-v-stroke-formiruemojj-float-ne-vydelennojj-tegami.html)

spo 28.10.2014 14:59

Выбор элементов в строке формируемой float (не выделенной тегами)
 
На странице выводится список товаров .item {float: left;}
Количество товаров формирует более одной строки.
Используется адаптивная верстка, таким образом в зависимости от разрешения строка содержит разное количество товаров.
Содержимое может быть разным (размер названия, описания) что делает блоки с товаром разными по высоте. Соответственно .item {float: left;} не дает выравнивания по строкам - верстка "едет".

При фиксированной верстке я помещаю каждую строку с товарами в отдельный контейнер и затем пробегаюсь (jQuery) по элементам устанавливая для каждого наибольшую высоту.

Для адаптивной верстки нет возможности заключать элементы по строкам отдельный контейнер, так как при разном разрешении количество их в строке меняется.

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

spo 28.10.2014 16:17

Решил с помощью display:inline-block
Однако интересно возможен ли на jQuery или JS перебор таких строк (не сформированных тегами)?

ksa 28.10.2014 16:23

Цитата:

Сообщение от spo
возможен ли на jQuery или JS перебор таких строк (не сформированных тегами)?

Все работает относительно дерева ДОМ... Если это не оформлено как отдельный элемент - как понять с чем иметь дело?

spo 28.10.2014 16:45

ksa, так и думал, но надежду не оставлял ) Спасибо.


Часовой пояс GMT +3, время: 20:34.