Посчитать количество дочерних элементов с одинаковым классом в разных блоках

@Rodion2703 · Регистрация: 06.01.2013

Студворк — интернет-сервис помощи студентам

Нужно посчитать отдельно сколько в каждом блоке тегов li, но у всех тегов li одинаковый класс, а блоков неограниченно. Нужно сделать одинаковую высоту у тегов li, зная высоту div.

HTML5
1
2
3
4
5
6
7
8
9
10
<div class="div">
<li class="li">1</li>
<li class="li">2</li>
</div>
<div class="div">
<li class="li">1</li>
<li class="li">2</li>
<li class="li">3</li>
<li class="li">4</li>
</div>

Вот здесь, например, div.height = 500px; тогда в первом div li.height = 600/2=300px, а во втором li.height = 600/4=150px

Добавлено через 13 часов 20 минут

JavaScript
1
2
3
4
5
6
7
            var name_i = ".type-name";
            var price_i = ".type-price";
            var opt_i = ".type-option";
            $(".type").each(function() {
                $(this).children(opt_i).css(("height",$(this).height() - $(this).children(name_i).height() - $(this).children(price_i).height()) / $(this).children(opt_i).length);
                alert();
            });

Не работает :\

@massEffect · 29.08.2014, 07:48

откуда у вас код выдернут? как-будто издругой оперы

попробуйте например так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$('div').each(function(){
                        var countLi = $(this).children('li').size();
                        var heightLi = Math.round($(this).height()/countLi);
                        var elemLi = $(this).children('li').eq(0);
                        var deltaLi = (elemLi.outerHeight(true) - elemLi.height());
                        
                        deltaLi = Math.ceil(deltaLi - deltaLi/4);
                        $(this).children('li').each(function(){
                                                                $(this).css('height', heightLi - deltaLi);
                                                            });
                        })  ;

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .