Question

我有很多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+ divs

我可以以某种方式使用jQuery和.load更新每个div以显示其亲属文件（info.php？m = XXXXX）信息？

我在此http://jasonlau.biz/home/jquery/screw-a-jquery-plugin

中找到了此功能

但我不想要懒惰的效果。就这样它从顶部开始加载。

Answer 1

以下是如何使用jQuery执行此操作的示例。它查找具有class名称movies的所有元素，并调用jQuery get函数，该函数预先形成ajax请求。来自请求的响应可用作回调函数的第一个参数（在此示例中为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为movies的div。您可以使用$('#movies')按ID选择元素，但它只返回与ID匹配的第一个元素。如果你可以控制HTML，那么每个div应该看起来更像这样：

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

从html jQuery（许多不同的div）加载内容

1 个答案: