Question

我有这个jQuery代码（下面）允许我在div中打开一个特定的页面，但我希望我的代码能够获取我页面上的所有链接并将它们加载到div中。有没有我可以使用的变量？

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".load-content").click(function(){
    $("#content").load("info.html");
  });
});
</script>
<style>
    #content { width: 600px; height: 600px; }
</style>

</head>
<body>

<div id="content"></div>
<a href="#" class="load-content">Get content</a>

</body>
</html>

Answer 1

所以你有这个链接：<a href='info.html' class='load-content'>Get Content</a>。
比jQuery加载href：

$(document).ready(function(){
  $(".load-content").click(function(e){
    e.preventDefault(); // will not follow link
    $("#content").load($(this).attr('href'));
  });
});

Answer 2

使用每个链接的目标来呼叫$.get。

$(".load-content").click(function() {
    $("a").each(function() {
        $.get(this.href, function(response) {
            $("#content").append(response);
        });
    });
});

Answer 3

你可以这样做：

$(document).ready(function()
{
  $(".load-content").click(function(e){
      e.preventDefault(); 
      var links =  $(document).find("a");

       for(var i = 0; i < links.length; i++)
       {
          //get href of every link this way
          $(links[i]).attr("href");
       }

     //or this way

      $('a').each(function () 
       {
          this.attr("href");
       }); 
  });
})

jQuery在同一页面上加载div中的所有链接

3 个答案: