jquery.flatheights.js test

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

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

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

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

#wrap01

div div div div div div div div div div
div div div div div div div div div div div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div
div div div div div div div div div div div
div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div div div div

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

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

ある要素の子の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();
    });
});

#wrap02

div div div div div div div div div div div
div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div div div div
div div div div div div div div div div div div div div div div div div div div div div div div div div div div
div div div div div div div div div div
div div div div div div div div div div div div div div div
div div div div div div div div
div div div div div div div div div div div div div div div div