jquery - Selectorに配列内の配列を返すように指示します

Question

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

オブジェクト内の7つの要素を次の形式で返します[name, street, street2, county, city, postal, country]

ただし、ページにこれらの7つの要素のセットが複数ある場合は、区切り文字のない1つのオブジェクト内に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

のeachメソッドを使用し.dataて、アイテムを反復処理できます。

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

結果の使用方法を再構築する必要があるかもしれませんが、これはより標準的なjQuery形式です。