проблема jquery .get

Question

У меня есть этот HTML-код ul

<ul>
  <li> <a href='#' class='approch' alt='1' > 111111 </a> </li>
  <li> <a href='#' class='approch' alt='2' > 222222 </a> </li>
  <li> <a href='#' class='approch' alt='3' > 333333 </a> </li>
  <li> <a href='#' class='approch' alt='4' > 444444 </a> </li>
  <li> <a href='#' class='approch' alt='5' > 555555 </a> </li>
  <li> <a href='#' class='approch' alt='6' > 666666 </a> </li>
  <li> <a href='#' class='approch' alt='7' > 777777 </a> </li>
</ul>

Теперь я хочу сделать это

, когда пользователь нажимает на любую гиперссылку, которую я делаю, так как alt для нее содержит идентификационный номер

J Query должен взять этот идентификатор и отправить запрос на получение в File и загрузить html-код

Проблема в том, как добавить код ответа из файла после того, как он нажмет на него

означает, что если янажал первую ссылку

<ul>
  <li> <a href='#' class='approch' alt='1' > 111111 </a> </li>
  **My Loaded code should apper here**
  <li> <a href='#' class='approch' alt='2' > 222222 </a> </li>
  <li> <a href='#' class='approch' alt='3' > 333333 </a> </li>
  <li> <a href='#' class='approch' alt='4' > 444444 </a> </li>
  <li> <a href='#' class='approch' alt='5' > 555555 </a> </li>
  <li> <a href='#' class='approch' alt='6' > 666666 </a> </li>
  <li> <a href='#' class='approch' alt='7' > 777777 </a> </li>
</ul>

Answer 1

$(".approach").click(function(e){
    e.preventDefault();

    $.get("http://yourwebsite.com/yourfile.php?id=" + $(this).attr("alt"), function(data){
        $(this).parent().insertAfter(unescape(data));
    });
});

звучит о праве

Answer 2

что-то вроде:

$("a").load(url, function(data) {
    $(this).parent().after(data);
});

если вы используете a-elements href в качестве источника URL, вы можете сделать это следующим образом: http://jsbin.com/uvipaj/edit

Answer 3

Вы можете использовать что-то вроде этого:

$('a').click(function() {
   $(this).parent().append('<br>'+$(this).attr("alt"));
});

пример

Вам необходимо настроить его под свои нужды, но я думаю, что лучший способ должен заключаться в создании div ниже каждого li и заполнении его нужным текстом

Answer 4

$('.approch').click(function() {
    var id = $(this).attr('alt');
    var newli = '<li></li>';
    $(this).closest('li').after(newli);
    newli.load('/file.html');
});