title: How to get max height of elements by classname useing javascript?
body: <p>How to get max height of elements by classname useing javascript ?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"&gt;&lt;/script&gt;
  &lt;div class="test"&gt;test&lt;/div&gt;
  &lt;div class="test"&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;/div&gt;
  &lt;div class="test"&gt;test&lt;br&gt;test&lt;/div&gt;
  &lt;div class="test"&gt;test&lt;br&gt;test&lt;br&gt;test&lt;/div&gt;
  
  &lt;script&gt;
   var test_elements = document.getElementsByClassName("test");
   for (var i = 0; i &lt; test_elements.length; i++) {
    var test_elements_width = $(test_elements[i]).height();
    alert(test_elements_width);
   }
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I use this code for get all of div height, when test this code, it's will be alert  <code>18 90 36 and 54</code>, it's work good.</p>
  
  <p>But i want to set max value of height in this case is <code>90</code> to <code>var max_height</code> , how can i do ?</p>