如何只顯示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();