jquery遍历方法合集

最新推荐文章于 2025-06-27 10:44:03 发布

土豆也叫马铃薯

最新推荐文章于 2025-06-27 10:44:03 发布

阅读量776

点赞数

本文介绍jQuery中常用的遍历方法，包括$.each()函数的应用及DOM元素的遍历技巧。通过实例展示了如何使用$.each()来遍历JSON对象集合，并演示了如何结合选择器遍历DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1）each()
用于遍历任何对象

$.each()方法接收两个参数，第一个是需要遍历的对象集合（json对象集合),第二个用来遍历的方法，这个方法又接受两个参数，第一个是遍历的index,第二个是当前遍历的参数的值。

$.each(obj.results,function(index,item){

console.log(item);

        });
function loadInfo(){
$.getJson("loadInfo" , function(data){
$('#info').html('');//先清空info内容
$.each(data , function(i ,item){
$('#info').append("<div>" + item.id +"</div>" + "<div>" + item.username +"</div>");
                    })
})
        }
选择器+遍历
$('div').each(function(i){
i就是索引值
this就是获取遍历每一个dom对象
        })
$('div').each(function(i,item){
i就是索引值
item表示获取遍历的每一个dom对象
        })

3、更适用的遍历方法
1）先获取某个集合对象
2）遍历集合对象的每一个元素
        var d=$("div");
    $.each(d,function (index,domEle){
          d是要遍历的集合
          index就是索引值
          domEle 表示获取遍历每一个dom对
    });

2）or(var i=0;i<stuListData.length;i++){ //循环遍历stuList
alert("age="+stuListData[i].age+" id="+stuListData[i].id+" name="+stuListData[i].name);
}
3）for( key in c ){
//c[key]
}