Question

For example I have a list title like this: <li id="example"> title </li>. And here is where I want it to be “appended to” on a click of a button: <ol id="playlist"> </ol>

Here is the button: <span onClick="Button();"><a href="#"> Button </a></span>

Here is the function:

Button=function() {
  $('#playlist').append('#example');
}

I just don’t see why it doesn’t work I mean when I make the .append(‘title’) – so just plain text – it will add that text to the tag but when I try to append a whole tag through the ID it doesn’t? It instead appends “#example” which isn’t what I want. I’m sorry I am still trying to grasp this language however, I have honestly searched and scouted the whole internet to try find an anwser to this.

Answer 1

Try this:

$('#playlist').append($('#example'));

Fiddle

Update:

You can use the clone() method, try this:

$('#example').clone().attr('id', 'something').appendTo($('#playlist'))

Fiddle