[jQyery]高さが可変する要素に対して●px以上ならスタイルを変える

例えば、高さが可変する要素に対して、 50px以上なら特定のスタイルを追加したいという事がありました。

対処法としては、jQueryで対象の高さが50px以上であれば、特定のクラスを付けるという方歩をとりました。

$(function(){
$('#contents h3').each(function(){
var h = $(this).height();
if (h > 50px) {
$(this).addClass('higher);
}
});
});

$(function(){

$('#contents h3').each(function(){

var h = $(this).height();

if (h > 50px) {

$(this).addClass('higher);

}

});

eachというところがポイントとなってきます。
これが無いと、すべてのh3の最大の高さが計測されてしまうような事態になりました。