jquery的each循环,主要有2种:
语法: jQuery.each(object,[callback])
参数:
object: 需要遍历的对象或数组。
callback: 每个成员/元素执行的回调函数.回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
例子1: 循环一个列表
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js" ></script> <script> var arr=[123,456,789,0]; $.each(arr,function(i,j){ console.log(i,j); }) </script></head><body>
显示结果如下: 列表的每个索引和他对应的值
例子2: 循环一个对象
var obj={"name":"tom","age":15}; $.each(obj,function(i,j){ console.log(i,j); });
结果:显示对象中的key和value
代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="http://code.jquery.com/jquery-3.1.1.min.js" ></script> <script> $(function () { $("ul li a").each(function () { console.log($(this).html()) }) }) </script> </head> <body> <ul> <li><a href="">关于我们</a></li> <li><a href="">联系方式</a></li> <li><a href="">产品答疑</a></li> </ul> </body> </html>注意: 这样写一定要写$(function (){}),$(function (){})是$(document).ready(function()的简写,会在DOM加载完毕之后执行.
转载于:https://www.cnblogs.com/yimiaoyikan/p/11000943.html
