前や後ろに要素を追加する

投稿者: | 2020年5月24日
<p class="text"><span>もとからある文書</span></p>
  <script>
    $(".text").prepend("<span>前に追加します</span>");
    $(".text").append("<span>後に追加します</span>");
    $(".text").before("<p>隣(前)に追加します</p>");
    $(".text").after("<p>隣(後ろ)に追加します</p>");
  </script>

要素をjQueryで追加できます。
隣・要素内の前後で命令が変わるので、適切なものを選んで使いましょう。