jQuery - 特定のクラス名で入力値を取得

Question

特定のクラスで入力タイプのテキストのすべての値を取得するにはどうすればよいですか？

私はこのコードを試しました。しかし、それは期待される答えを示していない。

$('input .classname').each(function(){ 
    console.log($(this).val()); 
}); 

Answer 1

一つの方法は、すべてのinput要素のクラス、それが不要なinput要素に干渉しないような方法を割り当てることです。

例えば

あなたは私がkeyup考えるDOM

$('.test').each(function(){ 
 
    console.log($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class='test' value='wanted data'/> 
 
<input value='unwanted data'/>

Answer 2

内のすべてのinputの要素を取得する必要はありませんあなたは

$('.classname').keyup(function() { 
 
    console.log($(this).val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 

 
<input type='text' class='classname'>

探しているものです

Answer 3

これは、 "classname"クラスのtext型のすべての入力フィールドを選択する必要があります。

$('input[type="text"].classname').each(function() { 
    console.log($(this).val()); 
});