一个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循环例子讲解

posted @ 2021-03-25 09:09  码上的飞鱼  阅读(78)  评论(0编辑  收藏  举报