jquery.each()方法使用,包括each遍历元素、遍历对象、遍历数组

JQuery 964 0 2023-01-09

jquery.each()方法使用,包括each遍历元素、遍历对象、遍历数组

定义和用法

jQuery.each() 函数用于遍历指定的对象和数组。

语法

$.each( object, callback )

参数说明:

object Object类型 指定需要遍历的对象或数组。

callback Function类型 指定的用于循环执行的函数。


$.each()遍历元素实例:

<ul>
  <li>Apple</li>
  <li>Mango</li>
  <li>Oranges</li>
  <li>Grapes</li>
</ul>
//第一种写法:
$("ul li").each(function(index){
    //index 下标
    console.log($(this).text());
});
//第二种写法:
$.each($("#ul_Items li"),function(index){
    //index 下标
    console.log($(this).text());
});


$.each()遍历对象实例:

var obj = {"name": "Apple", "name": "Mango","name":"Oranges"};
$.each( obj, function( key, value ) {
	alert( key + ": " + value );
});


$.each()遍历数组实例:

var arr=["Apple","Mango","Oranges"];
$.each( arr, function( index, value ) {
	alert( index + ": " + value );
});


$.each()跳出循环实例:

//jquery each 跳出循环不能直接使用continue和break,应该用return true和return false;
$(function (){ 
  $("input[type='text']").each(function (i){  
   var _val=$(this).val();
   alert(_val);
   if(_val=='2'){   
    return false; //跳出循环
    //return true; //跳至下一个循环
   }
  })
});


上一篇:jq获取表单值内容并转换为json对象(方法serialize或serializeArray)

下一篇:修改jquery默认$符号

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链