簡單的模板替換機制-jquery實現了局部
來源：程序員人生 發布時間：2014-05-10 15:40:16 閱讀次數：3006次
簡單的模板替換機制-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
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
