Получить имя первого пустого поля ввода возвращает «undefined» (jquery)

Question

У меня возникла проблема с получением имени атрибута для первого пустого поля ввода. Не могу понять, почему он возвращает «неопределенный» каждый раз.

<input type="text" name="test_1" value="not empty"> 
<input type="text" name="test_2"> 
<input type="text" name="test_3" value="not empty"> 
<input type="text" name="test_4"> 
<script>alert($('input[value=""]').first().attr("name"));</script> 

Большое спасибо за любую помощь.

Answer 1

Элемент, который вы ищете для цели, не имеет свойства value, поэтому нет элементов, соответствующих выбору селектора [value=""]. Вы должны включить этот атрибут, то код работает отлично:

<input type="text" name="test_1" value="not empty"> 
<input type="text" name="test_2" value=""> 
<input type="text" name="test_3" value="not empty"> 
<input type="text" name="test_4" value=""> 

Example fiddle

Если вы не хотите, чтобы изменить HTML (или не может изменить его), то вам нужно будет использовать filter() найти элементы, необходимые для свойства value, которое всегда доступно.

var $emptyVal = $('input').filter(function() { 
    return !this.value; 
}); 

alert($emptyVal.first().attr("name")) 

Example fiddle

Answer 2

Вы можете сделать это с помощью :not[value] как следующее.

alert($('input:not([value])').first().attr("name"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="test_1" value="not empty"> 
 
<input type="text" name="test_2"> 
 
<input type="text" name="test_3" value="not empty"> 
 
<input type="text" name="test_4">