javascript - 如何仅从包含多个输入框的值的输入框获取值

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 中的结果集合。