-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+ 格

我可以以某种方式使用 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 应该是唯一的。在您的示例中,您有多个 div 的 id movies。您可以使用 ID 按 ID 选择元素$('#movies'),但它只会返回与 ID 匹配的第一个元素。如果您可以控制 HTML,那么每个 div 应该看起来更像这样:

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

于 2012-10-25T23:25:55.273 回答