javascript - 如何创建一个 jquery 函数来设置每个 div 的最大高度？

Question

我想做一个 jquery 函数，当窗口调整大小时，它搜索具有 css 类名称“taskbox”的 div 并将最大高度设置为父 div 高度 - taskbox 的当前偏移量可以更小超出可用空间但不要扩展它。

Answer 1

我不确定你到底想做什么，但要获取所有包含具有任务框类的元素的元素，你可以使用:

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

这将调整所有这些元素的高度。要根据窗口调整大小时父元素的高度调整所有任务框的高度，您可以这样做:

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

请记住，父元素需要指定高度才能正常工作。您可以通过以下方式获取窗口的高度:

$(window).height();