jquery怎么实现一段文字中地域名、景区名、常用词语自动生成链接

炫-舞-星-辰 2012-02-15 06:45:27

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

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

...全文

130 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

jusfr 2012-02-15

打赏
举报

边想边写的，示例如下：

<!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>