jQuery addClass example

Change class name on click in jQuery

by Timoleon Pagounas

HTML

<div class="dynamicheight"></div>
<div class="dynamicheight"></div>
<div class="dynamicheight"></div>
<div class="dynamicheight"></div>

CSS

.dynamicheight
{
    width: 22%;
    
    /* Just for looks: */
    background-color: cornflowerblue;
    margin: 25px;
    float:left;
}

JavaScript

$(function() {
    var div = $('.dynamicheight');
    var width = div.width();
    
    div.css('height', width);
});