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

首先这个要写在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>