简单的模板替换机制-jquery实现了局部
发布时间：2018-09-01 02:12:01 所属栏目：传媒 来源：站长网
导读：简单的模板替换机制-jquery实现了局部 今天帮同事修改一个Tip提示的效果 提示中 需要用到当前元素的几个属性，就帮忙改了改之前的demo 这里是一个局部实现 可以参考 查看：临时Demo 实际应用的案例：猛击这里 Copy to Clipboard 引用的内容：[www.veryhuo.
|
简单的模板替换机制-jquery实现了局部 今天帮同事修改一个Tip提示的效果 提示中 需要用到当前元素的几个属性，就帮忙改了改之前的demo 查看：临时Demo  引用的内容：[www.veryhuo.com]
<!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 （编辑：源码网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
