正则表达式捕获并替换html标签外的文本模式

Question

我有一些字符串，如“de456”“us7515”，它是de/us和3到10位数字。

我希望捕获所有这些文件，并用超链接替换它们，除非它们已经在html标签内。

例如：

1. 应该改变：

   <div> de485 </div> => <div> <a href = "xxx.com/de485">de485</a></div> 
   <span> i need us1234 </span> => <span> i need <a href = "xxx.com/us1234"> us1234 </a></span> 
   

2. 不应改变：

   <a href ="github.com/xxxxx/us1234> link </a> => <a href ="github.com/xxxxx/us1234> link </a> 
   

3. 应部分改变

   <a href ="github.com/xxxxx/us1234> us1234 </a> => <a href ="github.com/xxxxx/us1234> <a href = "xxx.com/us1234"> us1234 </a> </a> 
   

我已经写了两个正则表达式：

匹配文本模式：

de456 
us1234 

/\b(us\d{3,10}|de\d{3,10})\b/ig 

匹配文本模式中打开HTML标记内部

<a href = "github.com/de456"> 

/<\s*\w.*\b(us\d{3,10}|de\d{3,10})\b.?>/ig 

所以我可以做1 2通过使用jquery正则表达式exec和string.replace，但我不知道该怎么做3. 请指教。非常感谢你提前。

Answer 1

我试试这个。如果有必要，请采取。

(?<![\/])((?:de|us)[0-9]{3,10}) 

观看演示：http://regex101.com/r/oS0tS3/2

Answer 2

下面的例子是足够接近，但是，我不建议在实际应用中这样做。

// matches all 3 cases 
var pattern = /([^/])((us|de)\d+)/ig; 

/* 1 */ 
'<span> i need us1234 </span>'.replace(pattern, '$1<a href="xxx.com/$2">$2</a>'); 
//=> "<span> i need <a href="xxx.com/us1234">us1234</a> </span>" 

/* 2 */ 
'<a href ="github.com/xxxxx/us1234> link </a>'.replace(pattern, '$1<a href="xxx.com/$2">$2</a>'); 
//=> "<a href ="github.com/xxxxx/us1234> link </a>" 

/* 3 */ 
'<a href ="github.com/xxxxx/us1234> us1234 </a>'.replace(pattern, '$1<a href="xxx.com/$2">$2</a>'); 
//=> "<a href ="github.com/xxxxx/us1234> <a href="xxx.com/us1234">us1234</a> </a>"