一个JQuery循环例子讲解

在快速开发平台前端开发中循环是我们经常碰到的，今天通过一个示例给大家讲解下jquery循环究竟怎么写。

前言

我们需要做个事情，有三钟类型的table表格，其中有一种table就只放了一张图片，我们需要去循环这些table，如果是图片的table我们就单独放在一页中，如下图中有句话“遇图片就返回继续”，就是这个意思。

正文

我们先帖代码：

            $('#pscs').children('table').each(function (i, item) {
                var cellpadding = $(this).attr("cellpadding"); //本次类型值初：1、2、3之一
                var ht = $(this).height(); //本table高度
                if (cellpadding === '3')
                {
                    var lh = 1240 - ht;//本次margin-top的值
                    $(this).css("margin-top", lh);  //类型不一样时分页，类型为3（图片）时分页
                    currenth = 0;
                    lastcellpadding = undefined;
                    return true;
                }
             }

可以看到这样一段循环语句，

$('#pscs').children('table').each(function (i, item)

.children为获取所有的table表格，.each(function (i, item)自带一个匿名函数，函数体处理每一个table表格。

函数体里面就是循环体，if (cellpadding === '3')是本例遇到图片表格就分页的处理。

后记

jquery循环中不能直接用break和continue。
要实现break和continue的功能的话，要使用其它的方式
break—-用return false;
continue –用return ture; 

本站文章除注明转载外，均为本站原创或翻译，欢迎任何形式的转载，但请务必注明出处，尊重他人劳动，共创和谐网络环境。
转载请注明：文章转载自：快速开发框架 » 一个JQuery循环例子讲解
本文标题：一个JQuery循环例子讲解