2022-06-18 jQuery遍历方法:$.each()方法遍历对象或数组的示例

0.定义&语法

jQuery.each()函数用于遍历对象或数组方法

$.each( object, callback )//对象或数组,回调

1.遍历对象属性

代码

var user = {name: "张三",age: 18
};
$.each(user, (key, val) => {console.log("属性名:" + key + ",属性值:" + val);
})

结果

属性名:name,属性值:张三
属性名:age,属性值:18

2.遍历数组,显示关键字和数值

代码

<div id="aaa"></div>
<div id="bbb"></div>
<div id="ccc"></div>
<div id="ddd"></div>
<div id="eee"></div>
<script>var arr = ['aaa', 'bbb', 'ccc', 'ddd', 'eee'];var obj = {"冠军": 1,"亚军": 2, "季军": 3,"鼓励奖": 4,"参与奖": 5};jQuery.each(arr, function(idx, val) {$(`#${val}`).text("hello,我是"); //此处的val就是arr[0]`arr[4]// console.log(idx); //0 1 2return idx != 2; //为前三个div添加文本信息});$.each(obj, function(key, val) {// console.log(key);//冠军 亚军..// console.log(val);//1 2 3 4 5$("div").eq(val - 1).append(document.createTextNode(key));//文本追加});
</script>

结果

2022-06-18 jQuery遍历方法:$.each()方法遍历对象或数组的示例相关推荐

人工智能 | ShowMeAI资讯日报 #2022.06.18
ShowMeAI日报系列全新升级!覆盖AI人工智能工具&框架 | 项目&代码 | 博文&分享 | 数据&资源 | 研究&论文等方向.点击查看历史文章列表, ...
js判断数据类型的方法（对象和数组的判断）
在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 " number " , " string " , " und ...
html遍历map,forEach()方法遍历map()方法数组遍历
1.forEach()方法//以前遍历的方法 var arr = ['苹果','西瓜','香蕉','芒果']; for (var i=0;i console.log(arr[i]); } //forE ...
jQuery遍历之closest()方法
以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...
jquery遍历多个li_jQuery使用each遍历循环的方法
1.选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2.选择器+遍历 $('div').each(function ...
jQuery 与for相关的遍历方法
普通for循环优点:自行指定循环次数. for (let i = 0; i < 10; i++) {console.log(i); } forEach forEach() 方法用于调用数组的每 ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
jQuery四、其他方法
零.文章目录 jQuery四.其他方法 1.jQuery 拷贝对象如果想要把某个对象拷贝(合并) 给另外一个对象使用,此时可以使用 $.extend() 方法 $.extend([deep], ta ...
jquery中的map()方法与js中的map()方法
1.jquery中的map()方法首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

2022-06-18 jQuery遍历方法:$.each()方法遍历对象或数组的示例

0.定义&语法

1.遍历对象属性

代码

结果

2.遍历数组,显示关键字和数值

代码

结果

2022-06-18 jQuery遍历方法:$.each()方法遍历对象或数组的示例相关推荐

最新文章

热门文章