使用jstl的Foreach 和jquery的each()的index属性

最近项目中用到隔行换色问题,使用到了jstl的foreach和jquery的each进行遍历。

首先jstl技术。除了常用的items,var外,还有一个下标属性varStatus,从0开始,使用起来很是方便。

<c:forEach items="${persons }" var="person" varStatus="i">
        <c:if test="i%2==0">
            do something
        </c:if>

    </c:forEach>

再说说jquery的each。也是有下标的,并且和jstl的foreach一样,从零开始。

$(data).each(function(i,m,n){
                alert(i); //返回下标,从0开始
                alert(JSON.stringify(m));    //返回data数据本身
                alert(n);            //undefined
            });

有了这两个神器,以后写代码再也不怕隔行换色了。

时间: 2024-12-09 13:41:14

使用jstl的Foreach 和jquery的each()的index属性的相关文章

详解JSTL的forEach标签

详解JSTL的forEach标签 为循环控制,它可以将集合(Collection)中的成员循序浏览一遍. ? ? ?<c:forEach> 标签的语法?说明?: 语法:迭代一集合对象之所有成员 <c:forEach [var="varName"] items="collection" [varStatus="varStatusName"] [begin="begin"] [end="end"

原生js使用forEach()与jquery使用each遍历数组,return false 的区别

原生js使用forEach()与jquery使用each()遍历数组,return false 的区别: 1.使用each()遍历数组a,如下: var a=[20,21,22,23,24]; $.each(a, function(index,val) { console.log('index='+index); if(index==2){ return false; } console.log('val='+val); }); 结果如下: 从运行的效果可以看出,return 相当于循环中的br

js里的forEach和jquery里的each比较

对于遍历数组的元素,js和jquery都有类似的方法,js用的是forEach而jquery用的是each,简单举例; var arr = new Array(["b", 2, "a", 4],["c",3,"d",6]); arr.forEach(function(item){ alert(item); //b, 2, a, 4和c,3,d,6 }); 如果forEach里的回调函数只有一个参数则代表该集合里的元素; var

PWC6199:Generated servlet error:Only a type can be imported. org.apache.jasper.tagplugins.jstl.core.ForEach resolves to a package

<%@ import="org.apache.jasper.tagplugins.jstl.core.ForEach"%> 去掉这条语句,就不报错了.所以问题就出在这里. 排查是import语句写错了  或者  是jar包没有引入 原文地址:https://www.cnblogs.com/Alwaysbecoding/p/9149302.html

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态

给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了.然后判断状

让jquery.tmpl.js支持index序号

在写Web程序时,想简单处理会使用JS模板,常用的是Jquery的jquery.tmpl.js插件.整个插件还是比较好用的,后续有机会结合实际应用案例,分享下应用方法. 本次文章想分享的一点是其中的一个很小的细节:支持行标index. 具体的使用场景是:通过表格展示数据,同时第一列为序号,会存在删除.新增行的按钮操作. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="../_common/jquery

jQuery - 设置获取内容和属性

获取选中select :$("#id option:selected").val(); 自定义radio:    $("input[name=sex][value="+data.sex+"]").attr("checked",true); 获取radio:           $("input[name='sex']:checked").val() 设置input不能编辑:$("#cashNum&

jquery获取当前选项的属性值a

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"><