如何根据其中的空输入字段隐藏div？

Question

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

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

在编辑表单时,我想隐藏那些尚未完成的子部分,显然我想不显眼地进行.为了简化操作,我只是检查名称以'surname'结尾的那些字段是否为空,然后适当地显示/隐藏.到目前为止,我有这个.

//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();
  }
});

当然,:空选择器可能是错误的,或者确实不合适.(当然我真正想做的是显示任何字段完成的任何部分,但我想我会先检查最重要的部分.)

如果有人能指出我正确的方向,我会很高兴...

Answer 1

没有选择爱吗？不完全确定它是你真正想要的,但是它隐藏了所有细节元素,里面有一个空输入.也许这是一个线索.

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

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