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=""]'も機能します。ユーザータイピング入力がvalue財産、NOT value属性に影響を与えるため、DEMO

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

Answer 2

セレクタは、動作しません。

あなたはこのような何かを（私はjQueryのを使用していないので、私は、プレーンJSでこれを書いている）必要があります。

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');