javascript - 如果 div 的输入不为空，如何只显示 div？

Question

我有一堆div都是这样隐藏的

<div class="elements">
    <input value="something" type="text" value="" name="name">
    <input value="" type="text" name="phone">

</div>

<div class="elements">
    <input type="text" value="" name="name" class="contact_name">
    <input value="something" type="text" name="phone">

</div>

<div class="elements">
    <input type="text" value="" name="name" class="contact_name">
    <input value="" type="text" name="phone">

</div>

<div class="elements">
    <input value="something_again" type="text" value="" name="name">
    <input value="" type="text" name="phone">
</div>

CSS

.elements{display:none;}

我只想显示输入不是空字符串的元素 div....因此在上面的示例中，我将显示第一个、第二个和第四个 div，因为至少有一个输入有值。 ..

$('.elements').find('input').each(function)...

这就是我目前所知道的，但不确定如何搜索是否至少有一个非空白的输入

Answer 1

试试这个

$('.elements input:text[value!=""]').parents(".elements").show();