Kolom Sama Tinggi dengan jQuery

$(function() {
    // set the starting `bigestHeight` variable
    var biggestHeight = 0;
    // check each of them
    $('.col').each(function() {
         // if the height of the current element is
         // bigger then the current `biggestHeight` value
         if($(this).height() > biggestHeight) {
             // update the `biggestHeight` with the
             // height of the current elements
             biggestHeight = $(this).height();
         }
    });

    // when checking for `biggestHeight` is done set that
    // height to all the elements
    $('.col').height(biggestHeight);
});
<div>
  <div class="col"> … </div>
  <div class="col"> … </div>
  <div class="col"> … </div>
  <div class="col"> … </div>
</div>

Lihat Demo


Sumber: Web.Enavu

2 Komentar

  • Alam Perwira Putra

    Versi javascriptnya ada ndak ya mas?

  • Alam Perwira Putra

    ketemu solusinya mas, ternyata pake css bisa. Nilai display ternyata ada table sama table-cell buat ngatur seperti tabel. Tinggal css floatnya diilangin :-bd

Komentar telah ditutup.