jquery的each循环
jquery的each循环,主要有2种:
1) 循环数据
语法: jQuery.each(object,[callback])
参数:
object: 需要遍历的对象或数组。
callback: 每个成员/元素执⾏的回调函数.回调函数拥有两个参数:第⼀个为对象的成员或数组的索引,第⼆个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
例⼦1: 循环⼀个列表
jquery ajax例子<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="code.jquery/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
2)循环标签元素
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="code.jquery/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加载完毕之后执⾏.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论