jquery - 告诉选择器返回数组内的数组

Question

$('.data').has(':checkbox:checked').find('.name, .street1, .street2, .county, .city, .postal, .country');

返回对象内的 7 个元素，格式为[name, street, street2, county, city, postal, country]

但是，如果我的页面上有超过 1 组这 7 个元素，它将返回 14、21、28 等，在没有任何分隔符的情况下仍然是一个连续的对象。

有什么方法可以遍历每 7 个元素？告诉选择器返回包含 7 个元素的对象内的对象？即[[name, street, street2, county, city, postal, country], [name, street, street2, county, city, postal, country]]等等？

Answer 1

制作多个数据类元素

html

<div class="data">1-7</div>
<div class="data">1-7</div>
<div class="data">1-7</div>

js

var dataArrays = [];
$('.data').has(':checkbox:checked').each(function(){
 dataArrays.push($(this).find('.name, .street1, .street2, .county, .city, .postal, .country'));
});

Answer 2

使用eachon 方法.data，您可以遍历这些项目：

$('.data').has(':checkbox:checked').each(function() {
    var vals = $(this).find('.name, .street1, .street2, .county, .city, .postal, .country');
    some_function(vals);
});

您可能需要重新构造结果的使用方式，但这是更标准的 jQuery 格式。