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来包含id号

J Query应该获取此id并将get请求发送到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作为网址来源，您可以这样做：http://jsbin.com/uvipaj/edit

Answer 3

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

Answer 4

您可以使用以下内容：

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

example

你需要调整它以满足你的需求，但我认为最好的方法应该是每个li创建一个div，并用你想要的文本填充它

jquery .get问题

4 个答案: