Как добавить текстовую ссылку внутри div с помощью jquery?

Я хочу разместить некоторый текст как ссылку внутри div.

Например, я хочу разместить текст "Google" с гиперссылкой <a href="#" onclick="location.href='http://www.google.com'; return false;" внутри div с идентификатором класса как "my-link".

Как это можно сделать с помощью jquery или javascript?

Ответ 1

Класс и идентификатор не совпадают.

Если ID попробует это:

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

Демо с идентификатором

Если класс попробует это:

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

Демо с классом

Ответ 2

Вы можете сделать это:

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

но он добавит гиперссылку ко всем .my-link div, поэтому лучше добавить ID в div и использовать ID на jQuery.

Ответ 3

Если my-link - это класс целевого div, тогда

$('.my-link').html(function(idx, html){
    return html.replace(/Google/g, '<a href="#" onclick="location.href='http://www.google.com'; return false;">Google</a>')
})

Демо: Fiddle