日期:2014-05-16  浏览次数:20291 次

jquery怎么实现一段文字中地域名、景区名、常用词语自动生成链接
从数据库中查询出一段文字,就是普通的,没经过处理特殊的字符串,解析这段字符串,将里面常用的地名、景区名 比如像 北京、天津 、上海,故宫、长城、天安门这之类的常用词组,生成一个链接,显示出来,点击时能够跳转页面,展示相应内容



就像上面这样的 要是在数据库录入数据时 就加上链接处理,觉得那样太麻烦了,我觉得jquery应该是有个插件或者什么的 ,来解析所有的文字,处理成这样的效果,但就是没找的,哪位朋友有更好的想法,提供一个更合适的解决办法 ,谢谢各位啦!!!

------解决方案--------------------
这也太智能了
------解决方案--------------------
你要具体给个数据库定义哪个词需要连接,连接到哪里,这就涉及到数据库的读取了,建议在后台语言的方向考虑吧,打开页面的时候动态加词加上超连不难。
------解决方案--------------------
边想边写的,示例如下:
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var keys = [{ key: '数据库', url: 'http://abc.com/db' }, { key: '语言', url: 'http://def.cn/lang'}];
            var replace = function (content, keys) {
                for (var i = 0; i < keys.length; i++) {
                    content = content.replace(keys[i].key, '<a href="' + keys[i].url + '">' + keys[i].key + '</a>');
                }

                return content;
            };

            $('#trans').html(replace($('#trans').text(), keys));

        });
    </script>
</head>
<body>
    <div id="trans">
        你要具体给个数据库定义哪个词需要连接,连接到哪里,这就涉及到数据库的读取了,建议在后台语言的方向考虑吧,打开页面的时候动态加词加上超连不难。</div>
</body>
</html>