JQuery遍历数组$().each方法

().each()对于这个方法，在dom处理上用的比较多,如果一个html页面上面有多个checkbox，这时用().each() 对于这个方法，在dom处理上用的比较多,如果一个html页面上面有多个checkbox，这时用().each()对于这个方法，在dom处理上用的比较多,如果一个html页面上面有多个checkbox，这时用().each来处理checkbox是比较不错的;
代码如下：
$(“input[type=‘checkbox’]”).each(function(i){
$(this).attr(“checked”,true);
});
回调函数里面的i在此处代表input集合传递过去的索引(也就是正在遍历的input元素的索引)；
但是这段代码只用到了input集合的索引
代码如下：

上面这段代码用到了input集合的索引,有用到了input集合的dom对象,可以通过该对象,拿到其对应的属性如：name，value等； $.each()方法 1. 该方法处理一维数组,代码如下: $.each(["aaa","bbb","ccc"],function(index,value){ alert(i+"..."+value); }); 结果是输出 0...aaa 1...bbb 2...ccc 2.该方法处理二维数组,代码如下： $(function () { $.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]], function (index, item) { alert(index + "..." + item); //输出0...aaa,bbb,ccc 1...ddd,eee,fff 2...ggg,hhh,iii //这时的index为数组下标,item相当于取这二维数组中的每一个数组 $.each(item, function (index, itemobj) { alert(index + "....." + itemobj); }); }); //输出0...aaa,bbb,ccc 0...aaa 1...bbb 2...cccc //1...ddd,eee,fff 0...ddd 1...eee 2...fff 2...ggg,hhh,iii 0...ggg 1...hhh 2...iii }); 3.该方法处理json数组,代码如下: $(function () { var json = [{ name: "张三", sex: "男" }, { name: "李四", sex: "女" }, { name: "王五", sex: "gay"}]; //自定义一个json数组 $.each(json, function (index, obj) { alert(index + "..." + obj.name+"..."+obj.sex); }); }); json为后台传递过来的json数组，each遍历该数组,index通常为数组里面对象的索引,而obj为当前遍历到的对象

JQuery遍历数组$().each方法相关推荐

linux jq 遍历数组,jquery 遍历数组 each 方法详解
JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li ...
jquery遍历节点的方法
jquery遍历节点方法总结: 后代遍历 children()方法返回被选元素的所有直接子元素. find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 祖先遍历 parent()方法返回 ...
jQuery遍历之closest()方法
以选定的元素为中心,往内查找可以通过find.children方法.如果往上查找,也就是查找当前元素的父辈祖辈元素,jQuery提供了closest()方法,这个方法类似parents但是又有一些细微 ...
jQuery遍历数组
jQuery遍历数组数组遍历: 在JS中,我们使用普通for循环即可遍历数组. 在jQuery中,我们可以使数组的遍历变得更为简单(使用for遍历,取出的元素为js对象而非jQuery对象) 属性名 ...
JavaScript jQuery遍历对象each()方法
1遍历元素 jQuery隐式迭代是对同一类元素做了同样的操作.如果想要给同一类元素做不同操作,就需要用到遍历. 语法1 : $ ("div") . each (function ( ...
jQuery 遍历数组
一.jQuery对象和伪数组 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
【jQuery 遍历】 - map() 方法
构建表单中所有值的列表: $("p").append( $("input").map(function(){return $(this).val();}).ge ...
jQuery遍历对象each方法
each() each()方法常常和数组一起使用. 代码: <!DOCTYPE html> <html lang="en"> <head>< ...
jquery遍历html节点,Jquery遍历节点的方法小集
复制代码代码如下: $(function() { //next()查找下一个紧邻的节点next("#x")查找下一个紧邻的id为x的节点 $("#d4").n ...

JQuery遍历数组$().each方法

JQuery遍历数组$().each方法相关推荐

最新文章

热门文章