jquery - 如何循环遍历 jQuery 元素数组并访问数据？

Question

我使用的是 jQuery 1.7.2。

我有三个复选框，每个复选框都有一个唯一的公司 ID。当选中一个框时，我想创建一个根据选中的框创建的公司 ID 列表。

<input type='checkbox' class='Company' data-companyid='1'> 1<br>
<input type='checkbox' class='Company' data-companyid='2'> 2<br>
<input type='checkbox' class='Company' data-companyid='3'> 3<br>

// SET BY CLASS
$Company = $("input.Company");

// GET COMPANY LIST 
function getCompanyList() {
    var len = $Company.length;
    for (i = 0; i < len; i++) {
         var CompanyID = $Company[i].data("companyid");
         alert(CompanyID);
    }
}
$Company.change(getCompanyList);​

由于某种原因，我在通过循环中的数据方法访问公司 ID 时遇到问题。我有很多自己的代码示例，我可以在其中执行此类操作，但我无法完成此操作。

我错过了什么？

http://jsfiddle.net/Msc95/

Answer 1

您不会将各个公司 ID 累积到任何类型的数据结构中。

从(选中的)元素数组返回值数组的最简单方法是使用 jQuery 的 .map 函数:

function getCompanyList() {
    var companyList = $Company.filter(':checked').map(function() {
       return $(this).data('companyid');
    }).get();
    alert(companyList);
}

必须调用 .get() 才能将 .map() 的结果转换为普通数组。

参见http://jsfiddle.net/alnitak/zfUXj/