如何使用Jquery表达式用特定索引中的超链接替换单词？

Question

我使用下面的函数用链接替换“#”标签，

$('.content').each(function(index) {
     $(this).html($(this).html().replace(/(#\w+)/g, "<a target='_self' class='msg_links' href='http://test.com/search/q=$1'>$1</a>"));
 }); 

假设字符串是这样的：

"Hello how are you #frineds, whats going on?"

它像这样重新运行：

"Hello how are you <a href='http://test.com/search/q=#frineds'>#frineds</a>, whats going on?"

而不是我想要这样

"Hello how are you  <a href='http://test.com/search/q=%23frineds'>#frineds</a>, whats going on? "

我该怎么做使用Jquery？

-谢谢 阿布舍克

Answer 1

您需要在匹配的字符串上使用 encodeURIComponent：

 $(this).html($(this).html().replace(/(#\w+)/g, function($0, $1) {
     return "<a target='_self' class='msg_links' href='http://test.com/search/q=" + encodeURIComponent($1) + "'>" + $1 + "</a>");
 });

或者从匹配中排除 # 并使 %23 硬编码：

 $(this).html($(this).html().replace(/#(\w+)/g, "<a target='_self' class='msg_links' href='http://test.com/search/q=%23$1'>$1</a>"));