代码如下
rush:js;">
(function ($) {
$.getJSON('ajax/test.json',function (data) {
var items = [];
$.each(data.comments,function (key,val) {
items.push('<li class="' + 'tag' + val.class + '">' + '<a href="#">' + val.content + '</a>' + '</li>');
});
//第一个标签
$('<ul/>',{
'class':'',html:items.join('')
}).appendTo('.tags');
//第二个标签
$('<ul/>',{
'class':'alt',html:items.join('')
}).appendTo('.tags');
});
})(jQuery);</pre>
json代码如下
' + '');
});
//第<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a><a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>
$('<ul/>',html:items.join('')
}).appendTo('.tags');
});
})(jQuery);</pre>
json代码如下
rush:js;">
{"comments":[
["1","Lorem ipsum"],["2","Dolor sit amet"],["3","Consectetur adipiscing elit"],"Proin"],["4","Sagittis libero"],["1","Aliquet augue"],"Quisque dui lacus"],["5","Consequat"],"Dictum non"],"Venenatis et tortor"],"Suspendisse mauris"],"In accumsan"],"Egestas neque"],"Mauris eget felis"],"Suspendisse"],"condimentum eleifend nulla"]
]}
共用的HTML代码如下
$.each(data.comments,function (key,val) {
items.push('<li class="' + 'tag' + val.class + '">' + '<a href="#">' + val.content + '</a>' + '</li>');
});
//第一个标签
$('<ul/>',{
'class':'',html:items.join('')
}).appendTo('.tags');
//第二个标签
$('<ul/>',{
'class':'alt',html:items.join('')
}).appendTo('.tags');
});
})(jQuery);</pre>
json代码如下 共用的HTML代码如下' + '');
});
//第<a href="https://www.jb51.cc/tag/yige/" target="_blank" class="keywords">一个</a><a href="https://www.jb51.cc/tag/biaoqian/" target="_blank" class="keywords">标签</a>
$('<ul/>',html:items.join('')
}).appendTo('.tags');
});
})(jQuery);</pre>
rush:js;">
{"comments":[
["1","Lorem ipsum"],["2","Dolor sit amet"],["3","Consectetur adipiscing elit"],"Proin"],["4","Sagittis libero"],["1","Aliquet augue"],"Quisque dui lacus"],["5","Consequat"],"Dictum non"],"Venenatis et tortor"],"Suspendisse mauris"],"In accumsan"],"Egestas neque"],"Mauris eget felis"],"Suspendisse"],"condimentum eleifend nulla"]
]}