php - 仅重新加载一个 div，许多不同的可能链接

Question

我对jQuery非常缺乏经验。我做了一些研究，发现这段代码应该只允许我重新加载页面的一个 div：

<script>
 $(document).ready(function(){
  $(".reload").click(function(){
    $("#day").load("/some_url #day > *");
  });
 });
</script>

如您所见，我只想在单击 .reload 类的元素时重新加载#day。我的问题是网址。我的页面有许多此类的不同实例，每个实例都有不同的 url。它们是在 PHP 中生成的，如下所示：

echo "<div class=\"reload\"><a href=\"index.php?day=$day\" > $day </a></div>";

所以我不再确定我使用的是正确的方法。基本上我想要的是当用户单击其中一个链接时，而不是在该链接中重新加载整个页面，只需更新当前页面上的#day。但是类重载的每个实例都指向不同的链接。

Answer 1

尝试这个：

$(".reload a").click(function(event){
    event.preventDefault();
    var url = $(this).prop('href');
    $("#day").load(url + " #day > *");
});

小提琴

Answer 2

你的方法是对的。您只需要根据单击的项目确定要打开的 url。

 <script>
     $(document).ready(function(){
         $(".reload").click(function(){
             url = $(this).children('a').attr('href')
             $("#day").load(url);
         });
     });
 </script>