JQuery .load() html-содержимое без упаковки его в div

Question

Например, это обертывает содержимое test.html в .wrapper, но я хочу добавить содержимое html рядом с существующим div, не упаковывая его содержание.

$("#button").click(function() { 
    $(".wrapper").load("test.html"); 
}); 

Answer 1

Вы должны использовать .after и не могут использовать .load() для этого:

$("#button").click(function() { 
    $.get("test.html", function (res) { 
    $("selector-for-existing-div").after(res); 
    }); 
}); 

Допустим, я хочу, чтобы поставить это после h1 здесь:

$(function() { 
 
    $("#button").click(function() { 
 
    $.get("https://api.github.com/", function (res) { 
 
     $("h1").after(res.current_user_url); 
 
    }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Welcome</h1> 
 
<input id="button" value="Click Me!" type="button" />