频道栏目
首页 > 资讯 > HTML/CSS > 正文

forEach同时遍历两个List方法的实例教程

18-07-23        来源:[db:作者]  
收藏   我要投稿

有时我们拿到两个长度相等的List,不想封装到一起,又想同时遍历,就需要用到下面的方法。

这里需要遍历两个List:gallerylist 和 classlist

<c:forEach items="${requestScope.gallerylist}" var="gallerylist" varStatus="loop">
	<h4 class="card-title">${gallerylist.title}</h4>
	<p class="card-text">
		<span class="badge badge-${classlist[loop.count-1][0]}">${gallerylist.label_1}</span>
		<span class="badge badge-${classlist[loop.count-1][1]}">${gallerylist.label_2}</span>
		<span class="badge badge-${classlist[loop.count-1][2]}">${gallerylist.label_3}</span>
		<span class="badge badge-${classlist[loop.count-1][3]}">${gallerylist.label_4}</span>
		<span class="badge badge-${classlist[loop.count-1][4]}">${gallerylist.label_5}</span>
	</p>
</c:forEach>

第一个 gallerylist 正常使用常规方法即可。

第二个 classlist , 我们使用 varStatus 这个关键属性,那么当值为 loop 时,loop.count 代表当前被遍历元素块已执行的次数,例如,当遍历到第五次时,gallerylist 已经按顺序取到 index 为 4 的值,同样 classlist 也需要取 index 为 4 的值,这时用 [loop.count-1] 来标注 index ,刚好为 4 。

相关TAG标签
上一篇:FormData对象实例讲解
下一篇:js创建对象的多种方法教程
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站