jQuery用于标识URL和追加参数

这个jQuery代码将作为wordpress编辑器中的bookmarklet运行。 bookmarklet / jQuery代码将编辑内容字段中的文本，并将参数（例如？参数）附加到URL的末尾。

URL始终是相同的域名（例如domain.com）。 但是，URL通常包含目录（例如domain.com/directory/index.html?parameter）。 无论域名后面是什么，我都需要附加jQuery代码。

最复杂的情​​况是domain.com/directory/index.html?someotherparameter?parameter 。 此内容区域通常包含多个URL，因此脚本需要遍历整个文本。

我的半工作代码

 var url= 'domain.com'; var append = ' ?parameter '; $(".wp-editor-area").each( function(){ var haystack = $(this).text(); $(this).text(haystack.replace(url, url+ append)); }); 

它正在修改的HTML代码

 
<a title="This is a hyperlink" href="http://domain.com/directory">This is a hyperlink</a> 

它的当前输出

 This is a hyperlink 

Jsfiddle为方便起见

请注意，我的输出不会在整个URL之后附加。 如果文本正文中包含更多URl，我如何修改这个更复杂的URL并循环遍历文档？

我能找到的唯一相关和类似的问题是这个 ，但我不能复制结果。

谢谢！！

Answer 1

首先， 小提琴 。

您的示例代码完全按照您的要求执行。 它用域和您的参数替换了字符串的'domain.com'部分。 一旦找到'domain.com'它就会停止查看是否还有其他内容。

而不是直接文本替换，尝试使用正则表达式来查找字符串中的URL。

资源：

 
  <a title="This is a hyperlink" href="http://domain.com/directory">This is a hyperlink</a> <a title="This is another hyperlink" href="http://google.com/directory">This is another hyperlink</a>  
​ 

使用Javascript：

 var url = 'domain.com'; var append = '?parameter '; $(".wp-editor-area").each(function() { $(this).text(urlify($(this).text())); }); function urlify(text) { var urlRegex = /(\b(https?|ftp|file):\/\/[domain.com][-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; return text.replace(urlRegex, function(url) { return url + append; }) }​