Question

有一个div <div id="test"></div>。我用jquery ajax（）将html（test.php?nid=1）加载到这个div中。在这个加载的HTML中我有另一个深层链接。例如：

<div id="test">
<p>tttttt</p>
<a href="test.php?nid=2">aaa</a>
</div>

如何在同一test.php?nid=2中加载链接<div id="test">？以及如何在同一test.php?nid=3中加载来自test.php?nid=2的{{1}}链接？什么技术？

Answer 1

当您对网址的ajax请求成功时，请使用此方法将加载的数据附加到您的div。

$('#test').append(your_data);

Answer 2

我认为您需要通过将click事件绑定到填充的锚点并使其调用如下函数来以递归方式实现此目的：

function getLink(id){
    $.ajax({
        url: "test.php?nid=" + id,
        context: document.body,
        success: function(){
                   $('#test').apend("<a id ='" + i + "' >aaa</a>");
                   $('#test a').live("click", function(event){
                        event.preventDefault();
                        getLink($(this).attr('id') + 1);
                   });
        }
    });
}

因此，您首先使用id =1调用该函数，例如：getLink(1)，然后它会将第一个a附加到来自网址<a id="1">aaa</a>的div test.php?nid=1并将其与click事件绑定，当点击它时会调用getLink(2)，然后通过网址id = 2添加test.php?nid=2的第二个a，然后点击它getLink(3)等等......

jquery在一个div中加载了很多链接？

2 个答案: