Question

I have the following DIV in my code:

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

How can I use jQuery to append the following two links:

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

to the end of the code that is within the DIV? So the end
result is this:

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

Answer 1

You could use the .append() method:

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