带有href属性的自动ajax .load请求

Question

我有这样的标记：

  <div href="ajax/project1.html" class="project"> 
  </div>

  <div href="ajax/project2.html" class="project">     
  </div>

  <div href="ajax/project3.html" class="project">      
  </div>

我需要在项目的href属性中对这些文件进行ajax .load请求，并在加载页面时将其中的html放入.project中。 我正在尝试这个

$( ".project" ).load($(this).attr('href'));

但它不起作用。 谢谢！

Answer 1

首先，将'href'更改为另一个属性名称，例如'data-href'。 href在div元素上无效;

其次，你必须像这样循环每个元素。

$(function () {
    $(".project").each(function () {
        $(this).load($(this).attr('data-href'));
    });
});