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

Question

How do I make <div A> and <div C> to have same height as <div B> in 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

Try

$("#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> 

Answer 2

Try this demo : fiddle

var selDivB = $('#divB').height();
$('#divA, #divC').height(selDivB);