JQ each循环

924 阅读1分钟

一.定义

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

二.语法

$.each( object, callback ) object : Object类型 指定需要遍历的对象或数组。 callback : Function类型 指定的用于循环执行的函数。

三.each遍历

1.遍历对象

$(function () { 
var obj = {
	"flammable": "inflammable",
	"duh": "no duh"
};
$.each( obj, function( key, value ) {
	alert( key + ": " + value );
        });
})

2.遍历数组

<ul id="list"></ul>
<script type="text/javascript">
	$(function(){
		var arr=["a","b","c","d","e","f"]
		$.each(arr,function(i,v){
			var $li = $("<li>" + v + "</li>")
			$("#list").append($li)
		})
	})
</script>

3.遍历一个元素

$(function () { 
$.each({ name: "John", lang: "JS" }, function( k, v ) {
	console.log( "关键词: " + k + ", 值: " + v );
        });
})