Jquery根据另一个div的高度动态调整div

我有一个div，最初设置为display：none，并使用.slideDown变为可见。 它通过ajax加载一个表。 由于slideDown，包含div的高度增加。 我希望其他两个div的高度同时增加。

Answer 1

如果你想要三个div的相同高度; 在slidedown运行下面的代码之后，将一个css类添加到三个div中，例如“同时”

var maxHeight = 0; $('div.simultaneously').each(function(index){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $('div.simultaneously').height(maxHeight); 

Answer 2

 $(document).ready(function(){ //Put your code in here, it will run when the page loads }); 

选择这样的元素：

 $(".slideDown") 

获取这样的CSS属性：

 var height = $(".slideDown").css("height"); 

像这样设置CSS属性：

 $("#someElement").css("background-color", "#fff"); 

如果你遇到困难，请阅读文档 ，我的代码示例中可能存在错误，我还没有对它们进行测试。

Answer 3

你想让其他div高度增加到匹配正在增长的div吗？ 或者以其他方式回应它？

如果你想匹配它，你的function可能如下所示：

 function matchHeight() { var newHeight = $("#grownDiv").height(); //where #grownDiv is what's growing $(".matchDiv").height(newHeight); //where .matchDiv is the class of the other two } 

您可以在表加载后调用它。 您还可以设置如下事件：

 jQuery.event.add(window,"load",matchHeight); jQuery.event.add(window,"resize",matchHeight); 

等等

希望这可以帮助。