如何使用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代碼。