如果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').each(function() {

    var count = $(this).find('input[value!=""]').length;
    count > 0 ? $(this).show() : $(this).hide();

});

Answer 2

试试这个

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