Как создать функцию jquery для установки максимальной высоты на каждый div?

Question

Я хотел бы сделать функцию jquery, чтобы при изменении размера окна он искал div с именем класса css "taskbox" и устанавливал для max-height родительскую высоту div - текущее смещение для поля задач, чтобы иметь возможность быть меньше чем доступное пространство, но не расширяйте его.

Answer 1

Я точно не знаю, что вы пытаетесь сделать, но чтобы получить все элементы, которые содержат элемент с классом задачи, вы можете использовать:

$(":has(.taskbox)").height(300);

Это отрегулирует высоту всех этих элементов. Чтобы настроить высоту всех ящиков задач на основе высоты родительского элемента при изменении размера окна, вы можете сделать что-то вроде этого:

$(window).resize(function() {
  var parent = $(".taskbox");
  $(".taskbox").each(function() {
    $(this).height($(this).parent().height() - 50);
  });
});

Имейте в виду, что родительские элементы должны иметь указанную высоту, чтобы это работало хорошо. Вы можете получить высоту окна с помощью:

$(window).height();

Answer 2

Вы можете попытаться найти существующее решение (jQuery имеет огромное сообщество плагинов):

По крайней мере, это поможет вам начать.