首页 > 其他分享 >JQuery中的each()方法和$.each()函数的使用

JQuery中的each()方法和$.each()函数的使用

时间:2023-06-24 18:11:57浏览次数:39  
标签:JQuery 遍历 函数 元素 html each

1、元素(对象).each()方法的使用

JQuery提供了 each() 方法用于遍历匹配的元素信息。以每一个匹配的元素作为上下文来执行一个函数。每次执行传递进来的函数时,函数中的 this 关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环(就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
例如:

对象.each();

 //用户编号数组
 var idArray = new Array();
 //使用each()方法,遍历选中的用户编号
 $("[name=checkItem]:checkbox:checked").each(function(index){
     idArray.push($(this).val());
 });
//打印结果
console.log(idArray);

输出

 示例二:

元素.each

 遍历一个元素

var newValue="";
var v="id";
$(data).each(function (index, dom) {
     //dom为遍历这个数组每次的值  获取数组中所有的id值相加
     newValue += dom[v];
});

 

 最后取出了里面的id值;

2、 $.each()

JQuery还提供了一个通用的遍历方法 $.each(),可以用于遍历对象和数组。$.each() 函数不同于 JQuery 对象的 each() 方法,它是一个全局函数,不操作 JQuery 对象,而是以一个数组或对象作为第1个参数,以一个回调函数作为第2个参数。在回调函数中拥有两个参数:第1个参数为对象的成员或数组的索引,第2个参数为对应变量或内容。如果需要退出 $.each() 循环可使回调函数返回 false,其它返回值将被忽略。
原文链接:https://blog.csdn.net/pan_junbiao/article/details/107682956

 遍历一个元素和上面第二种用法相似

//使用$.each()函数,遍历数据
$.each(data,function(index,item)
{
      html += " 索引:" + index;
      html += " 用户编号:" + item.userId;
      html += " 用户名称:" + item.userName;
      html += " 博客信息:" + item.remark;
      html += "<br>";
}

 

标签:JQuery,遍历,函数,元素,html,each
From: https://www.cnblogs.com/ZhuMeng-Chao/p/17501432.html

相关文章

  • c语言-字符串+转义字符+注释、语句、函数、数组、操作符 2
    一、字符串+转义字符+注释字符串类型(相较于字符数据类型):eg:“”;//空字符串定义:由双引号引起的一串字符为字符串字面值,简称字符串。(后面默认会有\0,结束标志不算内容intmain(){chararr1[]="abc";//数组//"abc"——'a''b''c''\0'——'\0'......
  • Golang技巧:如何为函数参数添加默认值?
    你是否是那些在Go中缺少默认参数值而感到沮丧的众多程序员之一?如果是的话,你绝对不是一个人!如何为函数参数添加默认值。你是否曾因为Go语言没有默认参数值而感到沮丧?好消息是,你并不孤单!这个令人讨厌的限制会让你的代码更加繁琐,难以阅读。每次都需要写额外的代码来检查参数是否......
  • Go——常用函数
    字符串相关注意:字符串的值是不可变的,只是将操作后的值赋给一个变量1、统计字符串长度:按字节len(str)2、字符串遍历,同时处理有中文的问题r:=rune(str)3、字符串转整数:n,err:=strconv.Atoi("12")4、整数转字符串:str=strconv.itoa(12345) 5、字符串转[]byte:varbyte......
  • 正交编码与正交沃尔什函数详解
    本专栏包含信息论与编码的核心知识,按知识点组织,可作为教学或学习的参考。markdown版本已归档至【Github仓库:<https://github.com/timerring/information-theory>】或者公众号【AIShareLab】回复信息论获取。正交编码正交编码的基本概念正交性若两个周期为T的模拟信号和......
  • memset 与 fill 函数的区别
    在使用时发现memset和fill函数有异同,为了防止考试的时候挂分,专门了解了一下。memset函数由于memset的底层实现是类似二进制实现的字节赋值,只能赋为\(0\),\(1\),\(INF\)或\(-INF\),有比较大的局限性。举个例子:\(int\)类型有\(4\)个字节,每个字节有\(8\)个数字,一......
  • 用python写一个保存文本到文件的函数
    用python写一个保存文本到文件的函数━━━━━━━━━━━━━━━━━━━━━━━━━可以通过Python的文件操作来实现保存文本到文件的功能。下面是一个保存文本到文件的函数的示例:defsave_text_to_file(text,file_path):try:withopen(file_path,'w')a......
  • arr.reduce函数的用法
    1.语法:reduce(function(total,currentValue,index,arr){},{})reduce接收两个参数,第一个参数是函数,第二个参数是第一个参数中total的初始值(1)第一个参数function中total就是初始值或者每次计算结束的返回值(必填)currentValue就是字面意思,每次循环......
  • c++内存分布之虚析构函数
    关于本文代码演示环境:VS2017+32程序虚析构函数是一种特殊的虚函数,可以知道,虚函数影响的内存分布规律应该也适用虚析构函数。看看实际结果。Note,一个类中,虚析构函数只能有一个。本文将展开单一继承和多继承两种情况结论1.虚函数表指针和虚函数表1.1影响虚函数表指......
  • c++中虚析构函数如何实现多态的、内存布局如何?
    作者:冯Jungle链接:https://www.zhihu.com/question/36193367/answer/2242824055来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。之前Jungle写过一篇文章《探究C++:虚函数表究竟怎么回事?》,主要通过测试代码来验证虚函数表的存在,进而说明C++的多态机制......
  • 系统调用与库函数的区别
    1.运行空间   库函数是在用户空间运行,而系统调用是在内核空间运行的2.是否有缓冲  库函数有缓冲区, 而系统调用没有缓冲区3.开销大小  库函数开销小,因为库函数设置了缓冲区,减少了内核空间与用户空间之间的切换带来的开销,           而系统调......