【实用代码片段】将json数据绑定到html元素 （转）
2021-06-08 16:03
标签：使用 href attr nbsp work can extend 代码片段 div jQuery扩展 使用方法 【实用代码片段】将json数据绑定到html元素 （转） 标签：使用 href attr nbsp work can extend 代码片段 div 原文地址：http://www.cnblogs.com/shy1766IT/p/7306622.htmljQuery.fn.extend({
‘jsonBind‘:function(json){
var dom=this;
dom.find(‘[json-bind]‘).each(function(){
var val=$.trim(json[$(this).attr(‘json-bind‘)]);
if(val!=‘‘) $(this).html(val);
});
dom.find(‘[json-bind-attr]‘).each(function(){
var s=$(this).attr(‘json-bind-attr‘).split(‘|‘);
if($(this).attr(s[0]).indexOf(‘{%s}‘)>-1){
$(this).attr(s[0],$(this).attr(s[0]).replace(‘{%s}‘,json[s[1]]));
}else{
$(this).attr(s[0],json[s[1]]);
}
});
}
});
$(‘ul‘).jsonBind({‘name‘:‘canson‘,‘year‘:100,‘birth‘:‘1970-01-01‘,‘work‘:‘webfront‘,‘website‘:‘http://zcc.ren/‘,‘article‘:140});
文章标题：【实用代码片段】将json数据绑定到html元素 （转）
文章链接：http://soscw.com/essay/92278.html