jquery - jQuery を使用して DIV の終了前にコンテンツを追加するにはどうすればよいですか?

Question

コードに次の DIV があります。

<div class="controls-buttons">
  ....
  ....
</div>

jQuery を使用して次の 2 つのリンクを追加するにはどうすればよいですか。

   <a id="level-1">1</a>
   <a id="level-12">12</a>

DIV 内のコードの最後まで? したがって、最終結果は次のとおりです。

<div class="controls-buttons">
   ...
   ...
   <a id="level-1">1</a>
   <a id="level-12">12</a>
</div>

Answer 1

.append()次の方法を使用できます。

$('.controls-buttons')
    .append('<a id="level-1">1</a>')
    .append('<a id="level-12">12</a>');

Answer 2

使用append機能:

$('div.controls-buttons').append('<a id="level-1">1</a><a id="level-12">12</a>');