jqueryを使用してdiv内にテキストリンクを追加する方法は？

Question

Div内にリンクとしてテキストを配置したい。

たとえば、ハイパーリンク<a href="http://www.google.com"「my-link」としてclass-idを持つdiv内。

Jqueryまたはjavascriptを使用してこれをどのように行うことができますか？

Answer 1

クラスとIDが同じではありません。

IDがこれを試す場合：

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

デモ with ID

クラスがこれを試す場合：

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

デモ with class

Answer 2

あなたはこれを行うことができます ：

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

しかし、すべての。my-link divにハイパーリンクを追加するため、divに[〜＃〜] id [〜＃〜]を追加して-を使用する方が良い[〜＃〜] id [〜＃〜] on jQueryコード。

Answer 3

my-linkはターゲットdivのクラスです

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

デモ： フィドル