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