前后端不分离的项目中使用jq动态遍历数组渲染页面,显示从第2条数据开始渲染
后台跳转页面携带参数processVos为数组,具体内容为:
var processVos = [ { id: 11, name: "test1", age: 21 }, { id: 12, name: "test2", age: 22 }, { id: 13, name: "test3", age: 23 } ]
html页面中遍历内容:需求为默认显示最新一条数据颜色为砖红色,其他为军校蓝。
<div> <!-- 默认显示最新一条 --> <#list processVos[0] as process> <div class="track1"> <ul> <li> <span>处理人:{{process.name}}</span> <span>年龄:{{process.age}}</span> </li> </ul> </div> </#list> <!-- 从第二条开始遍历 --> <#list processVos as process> <#if process_index !=0> <div class="track2"> <ul> <li> <span>处理人:{{process.name}}</span> <span>年龄:{{process.age}}</span> </li> </ul> </div> </#if> </#list> </div>
<style>
.track1 {
color:brown;
}
.track2 {
color: cadetblue;
}
</style>
注意:主要用到<#list>标签遍历数组,用到<#if>根据数组的下标进行判断(下标不是0说明是指:除第一条数据以外的其他数据)即可完成此需求。
分类:
jquery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用