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

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

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

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

13
href html javascript jquery

3 ответов

Class и ID не то же самое.

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

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

демо С ID

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

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

демо класс

20

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

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

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

3

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

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

демо: Скрипка

2