根据定义的div设置多个div高度

Question

如何制作<div A>和<div C>拥有与<div B>javascript/jquery 相同的高度？

<div id="wrapper">
  <div id="divA"></div>
  <div id="divB"></div>
  <div id="divC"></div>
</div>

<script>
 $('#divA').css('height', $('#divB').innerHeight());
 $('#divC').css('height', $('#divB').innerHeight());
</script>

Answer 1

尝试

$("#divA, #divC").height($("#divB").height());

$("#divA, #divC").height($("#divB").height());

#divA, #divC {
  height: 50px;
  width:50px;
  background:gold;
}

#divB {
  height: 100px;
  width:50px;
  background:red;
}

div {
  display:inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="wrapper">
  <div id="divA"></div>
  <div id="divB"></div>
  <div id="divC"></div>
</div>