jquery.flatheights.js test

あるclass名を持つ要素の高さを揃える。

$(function(){
    $('.box1').flatHeights();
});

ある要素の子であるdiv要素の高さを揃える。

$(function(){
    $('#wrap01 > div').flatHeights();
});

id名で指定した複数の要素の高さを揃える。

$(function(){
    $('#ad, #main, #nav').flatHeights();
});

ある要素の子のdiv要素を3個ずつ高さを揃える。

$(function(){
    /* div要素を3つずつの組に分ける */
    var sets = [], temp = [];
    $('#wrap02 > div').each(function(i) {
        temp.push(this);
        if (i % 3 == 2) {
            sets.push(temp);
            temp = [];
        }
    });
    if (temp.length) sets.push(temp);

    /* 各組ごとに高さ揃え */
    $.each(sets, function() {
        $(this).flatHeights();
    });
});