jquery - 如何使用 jQuery 在 DIV 结束之前添加内容？

Question

我的代码中有以下 DIV：

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

如何使用 jQuery 附加以下两个链接：

   <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>');