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=""]' 也可以。 演示

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

Answer 2

选择器将不起作用，因为用户键入的内容会影响 value property，而不是 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');