$.each(){} 和<c:forEach>的用法

来源：互联网发布：mac pro13 retina壁纸编辑：程序博客网时间：2024/06/04 19:48

首先这个要写在jsp上

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

简单记录省的以后忘了还得百度

$("#AllDiv").empty();

$.each(data.OtherList,function(i,all){
var allcl= "<div class='vedioCon'>"+
"<ul class='vedioBox'>"+
"<li class='vedioImg'>"+
"<img class='b-img' src='<%=basePath%>images/px-p1.png'>"+
"<div class='hoderBox'>"+
"<span class='opactBg'></span>"+
"<div class='flexBox fb1'>"+
" <span class='icon-play'>30</span>"+
" <span class='icon-collect'>18</span>"+
" <span class='icon-message'>10</span>"+
"</div>"+
"</div>"+
"</li>"+
"<li class='bdb1'>"+
"<a class='c-pt' href=''>"+all.courseName+"</a>"+
"</li>"+
"<li>"+
"<p class='c-pl'>"+all.trainerPhone+"</p>"+
"<p class='c-pr'>骨灰级</p>"+
"</li>"+
"</ul>"+
"</div>";
$("#AllDiv").append(allcl);

});

<c:forEach items="${OtherList }/${OtherArray }" var="all" varStatus="i">还可以直接遍历Controller传过来的数组，蓝色字体为遍历数组
<div class="vedioCon">
<ul class="vedioBox">

<li class="vedioImg">
<img class="b-img" src="<%=basePath%>images/px-p1.png">
<div class="hoderBox">
<span class="opactBg"></span>
<div class="flexBox fb1">
<span class="icon-play">${i.index+1}/${i.index+1}</span>
<span class="icon-collect">18</span>
<span class="icon-message">10</span>
</div>
</div>
</li>

<li class="bdb1">
<a class="c-pt" href="#">${all.courseName }/${all}</a>
</li>

<li>
<p class="c-pl">${all.trainerPhone }</p>
<p class="c-pr">骨灰级</p>
</li>
</ul>
</div>

</c:forEach>

阅读全文

0 0