jQueryでloadメソッドを使用しているのですがコードの効率化につ

質問

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

steel_gray · ベストアンサー

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.each/object%2C+callback/

お礼

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