用Javascript/JQuery中的<a href>标签替换[url]标签

Question

用Javascript/JQuery中的<a href>标签替换[url]标签

我正在尝试使用JQuery来实现以下逻辑:

替换的字符串值[url="http://www.google.com"]Google[/url]与<a href="http://www.google.com">Google</a>

请参阅下面的HTML页面.问题是,按下按钮时,只会粘贴原始文本,并且不会进行RegEx替换.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        //<![CDATA[
        function processJs() {
            var oldtext = $("#oldtext").html();
            var newtext = oldtext.replace('\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]', '<a href="$1">$2</a>');
            $('#mydiv').html(newtext);
        }
        //]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="oldtext">
            Try this funky new search engine:
            [url="http://www.google.com"]Google[/url]
            Or this older one from back in the day:
            [url="http://uk.altavista.com"]AltaVista[/url]
        </div>
        <div>
            <input type="button" id="btn" value="Replace" onclick="processJs(); return false;" />
        </div>
        <div id="mydiv" style="background-color: #eeeeee; border: 2px inset #aaaaaa">
            Replaced text will go here.
        </div>
    </form>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我已经使用了这个RegEx模式工作,所以我不确定移植到JavaScript时问题出在哪里......

Answer 1

hjp*_*r92 5

这不是一个有效的正则表达式.使用/作为修饰:

/\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]/

Run Code Online (Sandbox Code Playgroud)

制作功能:

function processJs() {
    var oldtext = $("#oldtext").html();
    var newtext = oldtext.replace(/\[url\s?=\s?"?(.*?)"?\](.*?)\[\/url\]/g, '<a href="$1">$2</a>');
    $('#mydiv').html(newtext);
}

Run Code Online (Sandbox Code Playgroud)

g最后将在文本上重复.这是一个小提琴:http://jsfiddle.net/xe2F9/

归档时间：	12 年，9 月前
查看次数：	1215 次
最近记录：	12 年，9 月前