jquery - 如何根据 div 中的空输入字段隐藏该 div？

Question

我有一个由多个可选子部分组成的表单 - 每个子部分都包含在一个

<div class="details"></div>

编辑表单时，我想隐藏那些尚未完成的子部分，显然我想不引人注目地做到这一点。为了简化事情，我只是检查那些名称以“姓氏”结尾的字段是否为空，然后适本地显示/隐藏。到目前为止，我已经有了这个。

//hide the all of the element class details
$(".details").each(function (i) {
  if ($('input[name$=surname]:empty',this).length == 1) { 
    $(this).hide();
  } else {
    $(this).show();
  }
});

当然，:empty 选择器可能是错误的，或者确实是不合适的。 (当然，我真正想做的是显示任何字段已完成的任何部分，但我想我应该从检查最重要的一个开始。)

如果有人能指出我正确的方向，我将不胜感激......

Answer 1

没有选择器爱？不确定这是否是您真正要寻找的内容，但这隐藏了所有详细信息元素，其中包含空输入。也许这是一条线索。

<div class="details">
    <input type="text" name="surname" />
</div>

<script type="text/javascript">
    $(".details input[@value='']").parents(".details").hide();
</script>