人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptで質問です。下記のようなjQueryで記述が重複している部分を簡略化したいと思っています。ご教授いただけますでしょうか。

var linkHeight = $(window).height();

var divLink = $("#link").height();
if(divLink < linkHeight){
$("#link").css("height",linkHeight);
};

var divDealer = $("#dealer").height();
if(divDealer < linkHeight){
$("#dealer").css("height",linkHeight);
};

var divAbout = $("#about").height();
if(divAbout < linkHeight){
$("#about").css("height",linkHeight);
};

初歩的な質問で恐縮ですが、よろしくお願いします。

●質問者: dmt13
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS JavaScript jQuery LINK 教授
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Sheile
●150ポイント

検証用のHTMLページが無いので多少変更する必要はあるかもしれませんが、

以下のようなスクリプトでいけると思います。

var linkHeight = $(window).height();

$("#link,#dealer,#about").each(function() {
 var divHeight = $(this).height();
 if(divHeight < linkHeight) {
 $(this).css("height",linkHeight);
 };
});
◎質問者からの返答

有難うございます!セレクターをまとめる方法が有るのですね。勉強いなりました。


2 ● a-kuma3
●150ポイント

ちょっと、ベタな感じのをひとつ。


function adjustHeight(e, h) {
 if(e.height() < h){
 e.css("height", h);
 }
}

var linkHeight = $(window).height();

adjustHeight($("#link"), linkHeight);
adjustHeight($("#dealer"), linkHeight);
adjustHeight($("#about"), linkHeight);
◎質問者からの返答

有難うございます!関数にする方法もあるのですね。勉強になりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ