如何使用jquery在div内添加文本链接？

Question

我想将一些文本作为链接放在div中。

例如，我想将带有超链接<a href="http://www.google.com"的文本'Google'放在class-id为“my-link”的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是类的目标的div然后

$('.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>'); 

但它会添加超级链接到所有。我的链接 div的，所以这是最好的ID增加div并使用ID上jQuery代码。