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

Question

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

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

如何使用 jquery 或 javascript 来做到这一点？

Answer 1

类和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>');
   ^

带课堂演示

Answer 2

你可以这样做 ：

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

但它会将超链接添加到所有.my-link div，因此最好将ID添加到 div 并在jQuery代码上使用ID 。

Answer 3

If my-link is the class of the target div then

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

Demo: Fiddle