您的位置: 主页 > 网络技术 > 网页制作 > JavaScript > jQuery实例 正则替换指定字符

jQuery实例 正则替换指定字符
时间:09-11-26 来源:未知 作者:admin 阅览:

把整个页面里的特定字符替换成图片。
例如 : 使用 (^^) 代表 笑脸, (T_T) 代表 哭脸 。

(^^) ==> <img src="Face_13.gif">
(T_T) ==> <img src="Face_09.gif">

1、我们先得获取 你要替换的部分的 内容.

程序代码var srcText = $(this).html();

2、使用正则 替换 特殊符号。
程序代码srcText = srcText.replace(/\(\^\^\)/g,"<img src='"+baseURL+"Face_13.gif'>");
srcText = srcText.replace(/\(T_T\)/g,"<img src='"+baseURL+"Face_09.gif'>");
这里我们使用了 一个baseURL的参数,使图片路径变得更灵活。

3、把替换后的 内容 赋值给 刚刚获取的内容。
程序代码$(this).html( srcText );

4、调用。
程序代码$("#sample").facemark("/images/smilies/");

完整代码:
程序代码<!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>jQuery实例 -- 正则替换表情 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://www.zch123.cn/_test_/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.fn.facemark = function(baseURL){
return this.each(function(){
var srcText = $(this).html();
srcText = srcText.replace(/\(\^\^\)/g,"<img src='"+baseURL+"Face_13.gif'>");
srcText = srcText.replace(/\(T_T\)/g,"<img src='"+baseURL+"Face_09.gif'>");
$(this).html( srcText );
});
}

$(function () {
$("#sample").facemark("/images/smilies/");
});
</script>
</head>
<body style="background:#E4EBF6">
<p id="sample">
测试,笑脸: (^^) 和 哭脸 : (T_T) 。<br>
再次测试,笑脸: (^^) 和 哭脸 : (T_T) 。<br>
</p>
</body>
</html>
 


JavaScript相关
关于<< jQuery实例 正则替换指定字符 >>的评论 查看所有评论