Custom Data Height Attributes

Set div height based on it's data-attribute contents. Based on pixels.

by japaneselanguagefriend

HTML

<div class="tile" data-height="100"></div>
<div class="tile" data-height="500"></div>
<div class="tile" data-height="700"></div>

CSS

.tile {
    background-color: grey;
    margin: 10px;
}

JavaScript

$('.tile').each(function(){ 
    var size = $(this).attr('data-height');
    $(this).height(size);
});