JS文字をリンクに置き換えますか？

Question

私は次のようにdiv要素内のテキストのブロックを持っている場合：

<div id='t1'> 
This is a great testing string. Tomorrow grass is green. 
</div> 

と

<a href='www.google.com'>g</a> 

がそれですように私は、Googleにリンクして文字「G」のすべてのインスタンスを置き換えたいですJavascript/jqueryでこれを行うことは可能ですか？

Answer 1

あなたは、単純な文字列置換を実行したい場合は、次のように行います：

var div = document.getElementById("t1"); 
div.innerHTML = div.innerHTML.replace(/g/g, "<a href='http://www.google.com'>g</a>"); 

あなたはより多くのダイナミクスを必要とする場合、例えば

例：値に応じてリンク、使用して単語を置き換えて別のURLでGまたはGを交換してください：

var div = document.getElementById("t1"); 
var mapper = { 
    g: "http://www.google.com", 
    G: "http://stackoverflow.com" 
}; 
div.innerHTML = div.innerHTML.replace(/[Gg]/g, function(fullmatch){ 
    return "<a href='" + mapper[fullmatch] + "'>" + fullmatch + "</a>"; 
}); 

Answer 2

jQueryは必要ありません。 /g/gで

var t1 = document.getElementById('t1') 
t1.innerHTML = t1.innerHTML.replace(/g/g, '<a href="http://www.google.com/">g</a>') 

、最初gは、あなたが探しているものです。二gは意味グラムローブ（別名すべてを置き換え）

Answer 3

$('#t1').html($('#t1').text().replace(/g/g,"<a href='www.google.com'>g</a>"));