クラス名で要素の値を取得し、それらをjQueryの配列に格納する方法は？

Question

<form>タグの外にあるテキストボックスから値を取得しようとしています。 3つのテキストボックスのクラス名は同じです。私はその価値を得て後でそれを使いたいと思っています。

下記のjQueryのアラート部分に誤りがあります。

HTML

<input type="text" class="className"> 
<input type="text" class="className"> 
<input type="text" class="className"> 

jQueryの

var $j_object = $(".className"); 
$j_object.each(function(i){ 
    alert($j_object[i].val())      
}); 

Answer 1

var $j_object = $(".className"); 
$j_object.each(function(i){ 
    alert($j_object.eq(i).val());      
}); 

それともthis VALUを使用することができ、この文脈で.eq(index)を使用してみてくださいあなたはjQueryの要素のコレクションにアクセスするためのブラケット表記法を使用している場合は、タスクを簡素化する.each()の内部電子、

var $j_object = $(".className"); 
$j_object.each(function(){ 
    alert($(this).val());      
}); 

、それはプレーンなJavaScriptのオブジェクトを返します。そして、そのプロトタイプにはjquery関数はありません。

Answer 2

jQueryの.map()関数を使用して、テキストボックス値を配列に保存できます。

実施例

var array = $('.className').map(function(){ 
 
    return $(this).val() 
 
}).get(); 
 
alert(array)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="className" value="1"> 
 
<input type="text" class="className" value="2"> 
 
<input type="text" class="className" value="3">