jQuery - Как я устанавливаю высоты для каждого набора детских отделений в каждом контейнерном отделении?

У меня есть много контейнеров (класс = "боковая ложа") с детскими отделениями каждый с переменными суммами содержания.

В некоторых случаях я хочу детские отделения каждому быть 100% высотой родительского отделения, иногда добавлять вертикальный стиль сепаратора.

Чтобы сделать это, я добавляю класс cfull детским отделениям и vcon к контейнеру с классом 'боковой ложи'.

Тогда вызовите функцию jQuery:

var y = $('.cfull').parent('div.vcon').height();
    $(".cfull").height(y) ;

Это отлично, когда там только один случай на и устанавливает, это - детская высота отделения к высоте боковой ложи.

Если я добавляю секунду боковая ложа vcon в HTML и даю один из, его - детские отделения дополнительное содержание. Вторые детские отделения боковой ложи установили высоту от первой инстанции боковой ложи

Как я устанавливаю высоты для каждого набора детских отделений в класс = "боковая ложа vcon" контейнерное отделение?

Я надеюсь, что это имеет смысл.

Вот мой рабочий пример до сих пор, вы будете видеть, что у вторых детей боковой ложи есть стиль = "height:#px" от первой боковой ложи

http://bit.ly/jqueryheightissue

4
nl ja de

4 ответы

То, что вы делаете, называют неявным повторением. Когда вы делаете это:

$('.cfull').height(y);

... то, что вы делаете, устанавливает весь .cfull элементы только к одному значению высоты (текущая стоимость y ).

Вы хотите повторить через каждый элемент явно, возможно при помощи .each() .

$('.cfull').each(function() {

    var self = $(this),
        container = self.parent('div.vcon');

    self.height(container.height());

});

Однако необходимо быть в состоянии сделать то, что вы пытаетесь достигнуть использования просто CSS. Вы попытались делать что-то вроде этого?

.cfull {
    height : 100%;
}
6
добавлено
Довольный помочь.
добавлено автор Richard Neil Ilagan, источник
Спасибо очень, that' s worled отлично
добавлено автор onebitrocket, источник

You need to loop through all of the elements with a class of .cfull. Live example: http://jsfiddle.net/QpEgX/5/

$('.cfull').each(function() {
    var y = $(this).parent('div.vcon').height();
    $(this).height(y) ;
});
2
добавлено
Возможно, был из-за того, чтобы редактировать. Возможно, предыдущее решение, которое вы представили, было неправильным?
добавлено автор Richard Neil Ilagan, источник
... загибание, я понял, что был тем который downvoted. Жаль помощник. Я помню более раннюю версию, являющуюся неправильным. Позвольте мне видеть, могу ли я исправить это теперь, когда это исправлено.
добавлено автор Richard Neil Ilagan, источник
В то время как я вижу, что @Richard снизил правильный ответ сначала, я не уверен, почему я был провален для ответа, который работает отлично.
добавлено автор tw16, источник
Возможно, потому что there' s уже то же самое решение:), Если it' s о пунктах I' ll дают вам голосование. То, что является правильным, правильно I don' t заботятся о it' s то же самое:)
добавлено автор kidwon, источник
Возможно, can' t помогают вам с этим. Я don' t как вниз-голоса, люди должны быть более осторожными с ними
добавлено автор kidwon, источник

You need to loop through all of the elements with a class of .cfull. Live example: http://jsfiddle.net/QpEgX/5/

$('.cfull').each(function() {
    var y = $(this).parent('div.vcon').height();
    $(this).height(y) ;
});
2
добавлено
Возможно, был из-за того, чтобы редактировать. Возможно, предыдущее решение, которое вы представили, было неправильным?
добавлено автор Richard Neil Ilagan, источник
... загибание, я понял, что был тем который downvoted. Жаль помощник. Я помню более раннюю версию, являющуюся неправильным. Позвольте мне видеть, могу ли я исправить это теперь, когда это исправлено.
добавлено автор Richard Neil Ilagan, источник
В то время как я вижу, что @Richard снизил правильный ответ сначала, я не уверен, почему я был провален для ответа, который работает отлично.
добавлено автор tw16, источник
Возможно, потому что there' s уже то же самое решение:), Если it' s о пунктах I' ll дают вам голосование. То, что является правильным, правильно I don' t заботятся о it' s то же самое:)
добавлено автор kidwon, источник
Возможно, can' t помогают вам с этим. Я don' t как вниз-голоса, люди должны быть более осторожными с ними
добавлено автор kidwon, источник
var height = 0;
$('.cfull').each(function() {
  height = $(this).parent('div.vcon').height();
  $(this).height(height);
});
0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)