-1

私は多くのdivを持っています

<div id="movies" rel="info.php?m=19923"></div>
<div id="movies" rel="info.php?m=98127"></div>
<div id="movies" rel="info.php?m=39423"></div>
<div id="movies" rel="info.php?m=32942"></div>
<div id="movies" rel="info.php?m=15454"></div>
<div id="movies" rel="info.php?m=143436"></div>

100以上のdiv

どういうわけかjQueryで.load各divを更新して、その親戚ファイル(info.php?m=XXXXX)情報を表示できますか?

私はこのhttp://jasonlau.biz/home/jquery/screw-a-jquery-pluginでこの機能を見つけました

しかし、私は怠惰な効果を望んでいません。そのため、上からロードを開始します。

4

1 に答える 1

0

以下は、jQuery を使用してそれを行う方法の例です。class名前 を持つすべての要素を検索し、ajax 要求を実行moviesする jQuery 関数を呼び出します。getリクエストからのレスポンスは、コールバック関数 (dataこの例では) の最初のパラメーターとして使用できます。データを取得したら、jQuery のhtml関数を使用してそれを DOM 要素に追加できます。

$(".movies").each(function(){ 
   // make a reference to the current div  
   var element = $(this);
   // get the url
   var url = element.attr('rel');
   // make ajax request
   $.get(url, function(data) {
      // append the data to the div
      element.html(data);
   });
})

HTML ID は一意である必要があることに注意してください。あなたの例では、 id を持つ複数の div がありましたmovies。を使用して ID で要素を選択できますが$('#movies')、ID に一致する最初の要素のみが返されます。HTML を制御できる場合、各 div は次のようになります。

<div class="movies" rel="info.php?m=19923"></div>

于 2012-10-25T23:25:55.273 に答える