jQuery提取字符中的url并替换为<a>标签（包括http的url）_用jquery写个方法,正则匹配字符串中的多个url 并且替换为a标签-CSDN博客

本文链接：https://blog.csdn.net/Denghalou/article/details/102976854

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Template</title>
        <script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
    </head>
    <body>
        <div id="wrapper">
            其中url地址可能是如下三种情况：
http://test.test1.test/test.htmlショートカット<a>dsd</a>的撒https://www.xxx.com/mall/default.aspxショートカット
http://www.tets2.com/mall/default.aspx?id=2aaaショートカットhttps://www.xxx.com/mall/defau.aspx?id=2   dfgadfsdf
www.baidu.com aaa.baidu.com 

现在想用js配合正则，将已有参数加入到字符串中，参数是re=100，
所以匹配之后的字符串中url地址部分可能是如下三种情况：
        </div>
    </body>
    <script type="text/javascript">
        var content = $('#wrapper').html();
        var urlArr = new Array();
        var i = 0;
        // 验证含有http的url
        var reg = /(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/gi;
        var newContent = content.replace(reg,function(){
        	// 截取url地址
            var matchedStr = arguments[0];
            urlArr[i] = matchedStr;
            i++;
        	// 转换成<a> 标签
            return "<a href=" + matchedStr + " target='_blank'>" + matchedStr + "</a>";
        });
        
        // 验证不包含http的url
        var reg2 = /([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?/ig;
        var newContent2 = newContent.replace(reg2,function(){
        	// 截取url地址
            var matchedStr = arguments[0];
            for (var j=0; j<i; j++){
            	if (urlArr[j].indexOf(matchedStr) >= 0) {
            		return matchedStr;
            	}
            }
        	// 转换成<a> 标签
            return "<a href=" + matchedStr + " target='_blank'>" + matchedStr + "</a>";
        });
        
        // 替换所有字符串
        $('#wrapper').html(newContent2);
        
    </script>
</html>