複数の入力ボックスから値を含む入力ボックスからのみ値を取得する方法

Question

値を含む入力ボックスから値を取得したいとします。だけそのうちの一つは、3のうちのいくつかの値が含まれており、残りの2は空です：

var a = $('input').eq(0).val(); 

if (a == undefined) { 
a = $('input').eq(1).val(); 
//if still undefined try the next input box 
if (a == undefined) { 
    a = $('input').eq(2).val(); 
} 
} 
console.log(a); 

Answer 1

あなたが持っているinputを見つけようとしている場合：

は

下記のコードが動作しているようですしません値を入力すると、繰り返しチェックする代わりにfilter()を使用できます。上記は、唯一つのフィールドが今まで値を持つことを前提としていること

var $field = $('input').filter(function() { 
 
    return $(this).val().trim() != ''; 
 
}); 
 

 
console.log($field.val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" value="" /> 
 
<input type="text" value="foo" /> 
 
<input type="text" value="" />

注：これを試してみてください。複数の場合は、$fieldに結果のコレクションをループする必要があります。