加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 业界 > 正文

简朴的模板替代机制-jquery实现结局部

发布时间:2018-09-01 15:34:00 所属栏目:业界 来源:站长网
导读:简朴的模板替代机制-jquery实现结局部 本日帮同事修改一个Tip提醒的结果 提醒中 必要用到当前元素的几个属性,就资助改了改之前的demo 这里是一个局部实现 可以参考 查察:姑且Demo 现实应用的案例:猛击这里 Copy to Clipboard 引用的内容:[www.veryhuo.

简朴的模板替代机制-jquery实现结局部

本日帮同事修改一个Tip提醒的结果 提醒中 必要用到当前元素的几个属性,就资助改了改之前的demo
这里是一个局部实现 可以参考

查察:姑且Demo
现实应用的案例:猛击这里

Copy to ClipboardLiehuo.Net Codes引用的内容:[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

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读