jQueryのloadを使用して要素を解析して表示するとき同時にテーブ

質問

jQueryのloadを使用して要素を解析して表示するとき同時にテーブルのセル背景の色変更をしたいと思っています。

解析して表示は出来るのですがどうしても色が変わってくれません。

$(function(){
var target1_load=$("#target1_load");
target1_load.load("B.html .youso");
if (target1_load.text()=="XXX")target1_load.css({backgroundColor:"red"});
});
としていますが対象divのある個所は下記のようになっています。
<table style="width: 90%">
<tr>
<td style="width: 180px">
<div id="d1" style="width: 180px">●ビバガッツ１</div></td>
<td style="width: 180px">
<img alt="" src="login-blue.gif" width="89" height="26" /></td>
<td style="width: 80px">
<img alt="" src="b_count1.gif" width="24" height="27" /></td>
<td style="width: 100px">&nbsp;</td>
<td><div id="target1_load"></div></td>
</tr>
<tr>
<td colspan="5"><p id="p1"></p></td>

よろしくお願いします

回答No.1

yyr446 · ベストアンサー

テーブルのセル背景の色とありますが、
target1_load.css({backgroundColor:"red"});だと、
<div id="target1_load"></div>
の背景の色が変わるのですが、よく見ると、
if文がajax(load)のコールバック関数になっていないので、
実行される時点：$(function(){}の時はまだloadが完了してない
場合があるので、うまくいかないと思います。
loadはデフォルトで非同期通信のはずです。
それから、target1_load.load("B.html .youso");
の引数ですが、こおいうやり方どこかに記載されてました？
B.htmlのyousoクラスだけロードするって事ですか、
こんな便利な事できたっけ？

お礼

ありがとうございました

補足

http://allabout.co.jp/internet/javascript/closeup/CU20090620A/index2.htm#2に載っていたのを試しました！