jQueryでloadメソッドを使用しているのですがコードの効率化についてヒントをください。
こんなコードです。
$("#load1").load("A.html .flag1", function(Text, status) {
if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"});
else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"});
else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"});
});
$("#load2").load("B.html .flag1", function(Text, status) {
if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"});
else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"});
else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"});
});
$("#load3").load("C.html .flag1", function(Text, status) {
if ($("#load1").text() == "A") $("#load1").css({backgroundColor:"red"});
else if ($("#load1").text() == "B") $("#load1").css({backgroundColor:"yellow"});
else if ($("#load1").text() == "C") $("#load1").css({backgroundColor:"blue"});
});
・
・
・
指定している要素とloadするURL以外はコードが全く一緒なんですよね
これをどうにか効率化出来ないでしょうか?
No.1ベストアンサー
- 回答日時:
idとurlのリストをjQuery.eachでまわせばいいんじゃないかな
var list = {
'#load1':'a.html',
'#load2':'b.html',
'#load3':'c.html'
};
jQuery.each(list, function(key,val) {
$(key)load(val,~~~
});
http://semooh.jp/jquery/api/utilities/jQuery.eac …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
追加ボタンを押した際に ok ボ...
-
フォームが空欄の時にフォーム...
-
GASに文字列として関数を入れる...
-
特定の文字列を複数抜き出した...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
①入力フォーム→②確認表示画面→③...
-
Q&A掲示板の入力フォームに文字...
-
ボタンを押したあとに画像を表...
-
コードレビューをお願いします。
-
React hooksが値を返して配列変...
-
フロントエンドフレームワーク...
-
画面遷移を行わずに同一ページ...
-
ローディングアニメーションの...
-
jQueryで同じクラス名のものを...
-
ジャバスクリプトについて。
-
プログラムについて。
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報