首页 前端知识 JQuery(五) -- JQuery对象的“遍历操作”

JQuery(五) -- JQuery对象的“遍历操作”

2024-06-18 22:06:43 前端知识 前端哥 881 474 我要收藏

1.  方式一:传统方式遍历

for(var i = 0; i < 容器对象长度; i ){
        执行功能;
}

实例演示:

<script>
//方式一:传统方式
$("#btn").click(function(){
    var lis = $("li");
    for(var i = 0 ; i < lis.length; i  ) {
        alert(i   ":"   lis[i].innerHTML);
    }
});
</script>

2.  方式二:对象.each()方法

容器对象.each(function(index,ele){
    执行功能;
});

实例演示:

<script>
//方式二:对象.each()方法
$("#btn").click(function(){
    var lis = $("li");
    lis.each(function(index,ele){
        alert(index   ":"   ele.innerHTML);
    });
});
</script>

3.  方式三:

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12662.html
标签
评论
发布的文章

@JsonSerialize注解的使用

2024-06-24 23:06:21

npm install报错

2024-06-24 23:06:56

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!