[转]在jQuery的each()函数中使用continue和break

jQuery的each函数可调用选择器得到的元素集进行循环调用。这意味着，每次执行传递进来的函数时，函数中的this关键字都指向一个不同的 DOM元素（每次都是一个不同的匹配元素）。而且，在每次执行函数时，都可以给函数传递一个表示作为执行环境的元素（index），在匹配的元素集合中所处位置的数字值作为参数（从零开始的整形）。

一、遍历
以下面的HTML为例：

引用

可使用下面的代码给每个li设置同一个CSS样式：

$('li').css("border","1px red solid");

二、遍历中对某个元素操作
jQuery有默认迭代的特性，但如果希望对迭代中的某个符合条件的元素操作，则需要使用each函数：

$('li').each(function(index){
if(index==2 || $(this).attr('id') == 'addClass') $(this).css("border","1px red solid");
});

三、终止或跳过循环
涉及迭代，不可避免需要有非正常终止，或强制跳过的情况。在jQuery的each函数中，存在以下关系：

引用

continue :return true;
break :return false;
直接return也会跳出jQuery。

所以，就可以写出下面的代码：

$('li').each(function(index){
  if(index==2)return true;
  if(index==4)return false;
  $(this).css("border","1px red solid");
  });

这里会跳过第3、5个li 元素，而不改变其CSS样式。
（index从0开始计算，也可以使用其他的变量名）

转载于:https://www.cnblogs.com/moyiqun/archive/2013/06/06/3121378.html

[转]在jQuery的each()函数中使用continue和break相关推荐

java聊天室小程序论文_在Java项目中利用continue与break制作一个聊天室小程序
在Java项目中利用continue与break制作一个聊天室小程序发布时间:2020-12-08 16:03:27 来源:亿速云阅读:98 作者:Leah 在Java项目中利用continue与 ...
python中的continue和break
python中的continue和break 1.comntinue只会跳出当次循环代码: count=0 while count<100:print("loop",cou ...
Matlab中的continue、break和return语句
Continue: 经常用在for和while语句中,continue一旦被执行,就会终止当前循环,进行下一次循环. eg, 在for 循环中: clc clear all close alli = ...
循环和switch语句中的continue、break
原文:https://www.cnblogs.com/lkprof/p/3475423.html 1. 在switch语句中,"case 常量表达式"只相当于一个语句标号, 表达式 ...
switch中使用continue和break
如果你在switch中使用continue,continue生效是对于while循环如果你在switch中使用break,break生效是对于switch. 如果在switch外使用continue ...
oracle中实现continue，break .
http://blog.csdn.net/liyongjie/article/details/7465788 一,continue 在oracle11g以前无法使用continue实现退出当前循环(1 ...
jQuery的入口函数
文档就绪事件是指页面上的所有DOM元素,都加载完成 jQuery入口函数为了防止文档在完全加载之前,运行jQuery代码将jQuery放在入口函数中即在DOM加载完成之后,才可以对DOM进行操 ...
如何在JQuery $ .each函数中编辑全局变量？
好的,这样的标题可能无法很好地解释我的问题. 希望这是有道理的. 这也是我第一个使用jQuery的应用程序,因此,如果我做一些愚蠢的事情,请原谅我. 我有以下功能: function getRando ...
ajax onclick() 获取最新输入的文本框的值,如何从jQuery onclick函数的Ajax函数中获取值？...
我有一个按钮,当我点击它时,它会从我的数据库中获取数据,并根据ID将其显示在我的文本区域中.如何从jQuery onclick函数的Ajax函数中获取值? JQuery的 $('#verifyBtn' ...

[转]在jQuery的each()函数中使用continue和break

[转]在jQuery的each()函数中使用continue和break相关推荐

最新文章

热门文章