how to add text link inside a div using jquery?

Question

I want to place some text as link inside a div.

For example, I want to place text 'Google' with hyperlink <a href="http://www.google.com" inside a div having class-id as "my-link".

How can this be done using jquery or javascript?

Answer 1

Class and ID is not the same.

If ID try this:

$('#my-link').html('<a href="http://www.google.com">Google</a>');

Demo with ID

If Class try this:

$('.my-link').html('<a href="http://www.google.com">Google</a>');
   ^

Demo with class

Answer 2

You can do this :

$('.my-link').html('<a href="http://www.google.com">Google</a>');

but it would add hyperlink to all .my-link divs, so it's better to add an ID to div and use the ID on jQuery code.