Javascript-遍历each与map

aizhi1851

于 2012-05-08 11:36:00 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lufy/archive/2012/05/08/2489818.html

本文介绍使用each和map方法收集页面上所有多选框的ID值，并将其转换为字符串的方法。通过这两种方法，可以有效地获取并处理多个元素的ID，适用于网页表单的数据收集场景。

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

目的：获取每一个多框的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方法，很是方便；

转载于:https://www.cnblogs.com/lufy/archive/2012/05/08/2489818.html