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

Question

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

例如，我想在带有class-id为“my-link”的div中放置带有超链接<a href="http://www.google.com"的文本“Google”。

如何使用jquery或javascript完成？

Answer 1

班级和ID不一样。

如果ID试试这个：

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

演示with ID

如果Class试试这个：

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

演示：Fiddle