怎么用jQuery,写一个循环体中间包含多维数组?
发布网友
发布时间:2022-05-05 20:50
我来回答
共1个回答
热心网友
时间:2022-04-22 20:50
样式模块(省略了前面三角形的样式 )
<style type="text/css">
.fl{float:left;}
.fr{float:right;}
</style>
html模块
<ul id="list"></ul>
js模块
<script type="text/javascript" src="jquery.js目录,不方便用线上的"></script>
<script type="text/javascript">
$(function(){
var data = [
{title: '2019年半年度报告全文.pdf', atime: '2019-11-12 14:27:00', url: '下载地址'},
{title: '2019年半年度报告全文.pdf', atime: '2019-11-12 14:27:00', url: '下载地址'},
{title: '2019年半年度报告全文.pdf', atime: '2019-11-12 14:27:00', url: '下载地址'},
{title: '2019年半年度报告全文.pdf', atime: '2019-11-12 14:27:00', url: '下载地址'},
{title: '2019年半年度报告全文.pdf', atime: '2019-11-12 14:27:00', url: '下载地址'},
];
var ul = $('#list');
for(var i in data){
var item = data[i];
var li = '<li><div class="fl">'+ item.title +'</div><a class="fr" href="'+ item.url +'"><img src="图标地址"/></a><div class="fr">'+ item.atime +'</div></li>';
ul.append(li);
}
});
</script>