将一个元素的高度动态更改为另一个元素

Question

​

这里我们有两列A和B，A列通常包含更多的内容，因此它的高度更大(在本例中为126px)，而B列的内容较少，因此它保持较短(在本例中为94px)。现在我想让B的高度= A，考虑到AJAX可能会动态改变列A的高度，但是为了跟上列A的步伐，列B的高度也必须改变。

<div id="A">filer text</div> | <div id="B">filler text2</div>现在可能是通过使用jQuery或一些js，我们可以获得id为#A的元素的高度，并将其设置为#B，但当内容动态变化时，问题出在那里。

Answer 1

$("#a").css("height", $("#b").css("height") );

然后可以将其放入的回调函数中，例如：

$.ajax({
  ...
  success:function(msg){
    // could be optimized by storing off of the comparision
    if( $("#a").height() > $("#b").height() ){
      $("#b").css("height", $("#a").css("height") );
    }
  }
});

Answer 2

不使用JQuery：

var d = document;
d.getElementById("B").style.height = d.getElementById("A").offsetHeight;