jquery - div内のチェックボックスを使用して各テキストエリアの値を取得し、それらを1つの配列に配置します

Question

たとえば、私は次のものを持っています：

各divクラス「both」を調べて、その子の属性を値としてintの配列に割り当てたいのですが、チェックボックスの値はtrueの場合にのみ含まれます。

ばかげた質問ですが、私はこれが初めてです。

その間、私は自分で解決策を考え出すことができるかどうかを確認します:)

ありがとう

Answer 1

これにより、テキストエリアのデータIDとチェックボックスのデータIDを含む3つの配列（各divに1つ）を含む配列が得られます。

var arr = [];
$('.both').each(function() {
  var a = [$('textarea', this).data('id')];
  $(':checked', this).each(function() {
    a.push($(this).data("id"));
  });
  arr.push(a);
});

結果の例：

[[1, 1], [2], [3, 1, 2]]

デモ： http： //jsfiddle.net/Guffa/uF3M6/

Answer 2

var values = [];
$('.both').each(function(){
    $(this).find(':checkbox').each(function(){
        if($(this).is(':checked'))
            values.push($(this).attr('data-id'));
    });
});

Answer 3

あなたは以下のように何かをすることができます：

$(".both").each(function() {
    array[index] = $(this).find("textarea").attr("data-id");
    index = index + 1;

   $(this).find("input[type='checkbox']").each(function() {
        if ($(this).attr("checked")) {
           array[index] = $(this).attr("data-id");
           index = index + 1;
        }
    });
});

お役に立てれば！！