Jquery .load（）html内容，而不将其包装到div

Question

例如，这会将test.html的内容包装到.wrapper中，但我想在现有div旁边添加html的内容而不包装它。

 php artisan config:clear

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" />