jquery - найти первый div, содержащий пустой ввод

Question

Использование jquery, как я могу найти первый div, содержащий вход без значения?

<div class="field"> 
    <input type="text" value="12"> 
</div> 
<div class="field"> 
    <input type="text" value="13"> 
</div> 
<div class="field"> 
    <input type="text"> 
</div> 
<div class="field"> 
    <input type="text"> 
</div> 

$('.field input').filter('text[value=""]').parent().addClass('first_empty') 

Answer 1

Вы были так близко. Добавьте элемент в селектор атрибутов, или ':text[value=""]' также будет работать. DEMO

$('.field :input').filter('input:text[value=""]') 
        .parent(':first') 
        .addClass('first_empty'); 

Answer 2

селекторы не будет работать, так как пользовательский ввод типирование влияет на valueсвойство, а не атрибут value.

Вам нужно что-то вроде этого (я пишу это в простых JS, потому что я не использую JQuery):

function findFirstEmptyInput() { 
    var qsa = document.querySelectorAll(".field input"), l = qsa.length, i; 
    for(i=0; i<l; i++) { 
     if(qsa[i].value == '') return qsa[i]; 
    } 
    return false; 
} 

Answer 3

$('.field > input:text[value=""]').parent().addClass('first_empty');