JQuery загрузить много ссылок в одном div?

Question

Есть div <div id="test"></div>. Я загружаю html (test.php?nid=1) в этот div с помощью jquery ajax (). В этом загруженном 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 в ту же <div id="test">? Что такое техника?

Answer 1

Когда ваш ajax-запрос к вашему URL будет успешным, используйте его, чтобы добавить загруженные данные в ваш 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 like: getLink(1), поэтому он добавит первый a к div как <a id="1">aaa</a> из url test.php?nid=1 и свяжет его с событием click, которое при нажатии будет вызывать getLink(2), который вПоворот добавить второй а с id = 2 из URL test.php?nid=2 и когда он будет нажата, вызовите getLink(3) и так далее ...