jquery - 配列と同じクラスを持つすべての入力の値を取得します

Question

入力のグループがあり、それぞれの値を配列形式または提案する方法で取得したいと考えています。私は配列があまり得意ではありません。

$(elemnt).each(function(index, element) {
    $('#spc-name').val($(".spocName").val());
    alert($(".spocName").val());
});

上記のコード行は私にとって正しいことを警告しますが、単一の入力のみですが、複数の入力がclass="spocName"あるため、すべての値を取得し、それぞれを DB テーブルに別々の行に保存できるようにします。

Answer 1

すべての入力が「class1」などの同じクラスを共有している場合、これを使用してそのような入力をすべて選択できます

var inputs = $(".class1");

次に、必要な方法で入力を反復処理できます。

for(var i = 0; i < inputs.length; i++){
    alert($(inputs[i]).val());
}

Answer 2

各要素の値を配列として取得するには、次を使用できますmap()。

var valueArray = $('.spocName').map(function() {
    return this.value;
}).get();

または ES6 の場合 (これは IE ではサポートされていないことに注意してください):

var arr = $('.spocName').map((i, e) => e.value).get();

その後、必要に応じてこの配列を使用して、データベースに保存できます。AJAX リクエストのパラメーターとして。

Answer 3

var values = [];
$('.spocNames').each(function(){
    values.push({ name: this.name, value: this.value }); 
});
//use values after the loop
console.log(values);

Answer 4

各関数をjqueryで使用できます ...

$('.spocNames').each(function(){
  alert(this.value);
}