简单的模板替换机制-jquery实现了局部
来源：程序员人生 发布时间：2014-05-10 15:40:16 阅读次数：2628次
简单的模板替换机制-jquery实现了局部
今天帮同事修改一个Tip提示的效果 提示中 需要用到当前元素的几个属性，就帮忙改了改之前的demo
这里是一个局部实现 可以参考
查看：临时Demo
实际应用的案例：猛击这里
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>一个jquery的小模板机制-我是UED</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<a id="test" price="110" name="iphone" onmouseover="test();" href="#">这是一个A元素 有2个属性 鼠标放上来看看</a>
临时Demo的部分代码：
<script type="text/javascript">
function test(){
var testString="价格为{price}元，我是{name}"
alert(testString.replace(/{([^{}]+)}/g,function(word){
var _attr=word.replace(/({|})+/g,"");
return $("#test").attr(_attr);
}));
}
</script>
</body> </html>
本文由转载，以下为作者及链接，如需要转载，请保留下面的链接，否则视为侵权。
我是UED：http://www.iamued.com/
原文链接：http://www.iamued.com/qianduan/js/1718.html
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
