Wie erhält man Elemente nach Klassennamen und speichert sie in einem Array in jQuery?

Question

Ich versuche, Werte aus Textfeldern zu erhalten, die aus einem -Tag stammen. Die drei Textfelder haben denselben Klassennamen. Ich möchte ihre Werte erhalten und sie später verwenden.

Ich bekomme einen Fehler für den Alarmteil in jQuery unten.

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

Try .eq(index) in diesem Zusammenhang zu verwenden,

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

Oder Sie können die this valu verwenden e innerhalb von .each() die Aufgabe zu vereinfachen,

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

Wenn Sie Klammer-Notation verwenden, um die jquery Element Sammlung zuzugreifen, dann ist das schlicht Javascript-Objekt zurück. Und das wird in seinem Prototyp keine jquery Funktionen haben.

Answer 2

Sie können die Textfeldwerte in Array speichern, indem Sie die Funktion .map() in jQuery verwenden.

Arbeitsbeispiel

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">