Javascript-遍历each与map

最新推荐文章于 2021-07-06 14:05:54 发布

chelen_jak

最新推荐文章于 2021-07-06 14:05:54 发布

阅读量522

点赞数

分类专栏： JavaScript 实用

实用同时被 2 个专栏收录

738 篇文章

订阅专栏

JavaScript

311 篇文章

订阅专栏

本文介绍如何利用jQuery的each方法和map方法来遍历页面上的所有复选框，并获取它们的ID值。通过这两种方法可以方便地收集元素ID并将它们以字符串形式展示。

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

转自：http://www.cnblogs.com/lufy/archive/2012/05/08/2489818.html

目的：获取每一个多框的ID值；

each方法：（循环做相应处理）

定义一个空数组，通过each方法，往数组添加ID值；最后将数组转换成字符串后，alert这个值；

$(function(){
    var arr = [];
    $(":checkbox").each(function(index){
        arr.push(this.id);
    });
    var str = arr.join(",");
    alert(str);
})

map方法: （循环并返回数组）

将每个:checkbox执行return this.id；并将这些返回值，自动的保存为jQuery对象，然后用get方法将其转换成原生Javascript数组，再使用join方法转换成字符串，最后alert这个值；

$(function(){
    var str = $(":checkbox").map(function() {
        return this.id;
    }).get().join();    
    alert(str);
})

当有需一个数组的值的时候，用map方法，很是方便；