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

クラスは、このしようとした場合：ターゲットのdivのクラスは、その後でwith class

Answer 2

my-link場合

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

デモ

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

デモ：Fiddle

Answer 3

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

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

をしかし、それはすべての.MYリンク div要素にハイパーリンクを追加することになり、それがにIDを追加する方が良いでしょうdiv IDをjQueryコードで使用してください。