javascript用超鏈接替換[]中的文本的所有實例

Question

我現在正面臨另一個挑戰。我的HTML代碼中某些部分具有以下行：

<div class="action-body flooded"><p>(In <span class="error">&#91;82681&#93;</span>)   refs <a href="/browse/AGLBD-16096" title="GlobalTestSuite tracking">AGLBD-16096</a><br/></div> 

我得與-的[]的數量，然後用超鏈接替換它。我曾嘗試使用document.getElementsByClassName（'錯誤'），但它不工作。我怎麼能使它工作？如果[]中有多個，我還需要在循環中進行迭代來替換所有這些數字。例如：[123] [234] [345] ...

這一切都是我自己編寫到現在與pimvdb的幫助：

<script type="text/javascript"> 
var bodyText = document.getElementById('body').innerHTML; 
var pattern = /\[.*?\]/g; 
var replaceText = "<a href=\"www.mysite.com\">Pradeep</a>"; 
document.getElementById('body').innerHTML = bodyText.replace(pattern, replaceText); 
</script> 

Answer 1

這做的jsfiddle你需要什麼：http://jsfiddle.net/TNyms/

Answer 2

您的問題似乎與以下鏈接中提到的內容有關。當您更換getElementById('body')與document.body，代碼工作對我來說你可以參考這個

Replace number in a string using regex or something else

Answer 3

。

var body = document.body; 
var link = "<a href=\"http://www.mysite.com\">Pradeep</a>"; 
body.innerHTML = body.innerHTML.replace(/\[.*?\]/g, link); 

，取代所有ID在此與鏈接：

<div class="action-body flooded"> 
    <p>(In 
     <span class="error">&#91;82681&#93;</span>) refs 
     <a href="/browse/AGLBD-16096" title="">AGLBD-16096</a> 
     <br/> 
</div> 
<div>[123][abcd]</div> 
<div>[456]</div> 
<div>[789]</div> 

輸出：

（在Pradeep）裁判AGLBD-16096

PradeepPradeep

Pradeep

Pradeep

與this fiddle試試吧。