查找具有所需属性的空白值的第一个可见输入文本

Question

我想为第一个可见的输入文本创建一个jQuery函数，其空白值具有所需的属性（如果可行的话，没有每个函数）。

$("input[type='text'][value='']").eq(0).on(function(){      
   // code    
});

Answer 1

使用 filter() 和 :visible

$("input[type='text']:visible[required]").filter(function() {
  return this.value.trim() == '';
}).eq(0).css('border', '1px solid red')

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

<input type="text" style="display:none">
<input type="text">
<input type="text" required>
<input type="text" required>

如果需要检查value属性，那么

$("input[type='text']:visible[required][value='']").eq(0).css('border', '1px solid red')

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

<input type="text" style="display:none" value=''>
<input type="text" value=''>
<input type="text" value='' required>
<input type="text" value='' required>