プロが教えるわが家の防犯対策術!

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以外はコードが全く一緒なんですよね
これをどうにか効率化出来ないでしょうか?

A 回答 (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 …
    • good
    • 0
この回答へのお礼

希望のものが出来ました ありがとうございあmす!

お礼日時:2010/05/06 23:19

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!