jquery - 如何将ajax html响应附加到当前div的旁边

Question

我的 DOM 如下，

<div id='level-1'>
  <ul>
    <li><span><a>Mike</a></span></li>
    <li><span><a>John</a></span></li>
    <li><span><a>Ket</a></span></li>  
 </ul>
</div>

和jQuery如下，

$(document).on('click','div[id^=[level] ul li span a',function(){

//Making ajax request,no problem in getting the response
// Here I need to append response next to the current div i,e div#level-1 or div#leve-2
});

ajax 响应将与上面的 DOM 相同，除了 div 的 id 和 的内容 anchor 标记。 id 将是 level-2 或 level-3 即+1 为 div 的当前值。

Answer 1

尝试

$(document).on('click','div[id^=level] ul li span a',function(){
    var parentDiv = $(this).closest("div[id^=level]"); 

    $.ajax(...).done(function(html) {
        parentDiv.after(html);
    });

});