$ [value]가 비어 있으면 divs를 숨기기

Question

div가 일부 상자를 만들었지 만 값이 채워지지 않으면 상자를 표시하지 않습니다. 내가 어떻게 그럴 수 있니? 여기

이 div의 내가 가진의 : 상자가 가득 경우 확인 fitst

JQuery와 각 functiion,

<div id="age" class="leifbox" style="float:left;height:20px;text-align:center;margin-top:10px;margin-right:10px;margin-left:10px;line-height:20px;"> 
{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Age"}$[user.mini_custom_field.value] 
    {/if}{/foreach} 
</div> 

<div id="ability" class="leifbox" style="float:left;height:20px;text-align:center;margin-top:10px;margin-right:10px;margin-left:10px;line-height:20px;"> 
{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Abilities"}$[user.mini_custom_field.value]{/if}{/foreach} 
</div> 

<div id="element" class="leifbox" style="float:left;height:50px;text-align:center;margin-top:10px;margin-right:10px;margin-left:10px;line-height:20px;"> 
{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Element"}$[user.mini_custom_field.value]{/if}{/foreach} 
</div> 

Answer 1

뭔가

처럼

$('.leifbox:empty').hide(); 

JSFiddle

Answer 2

이를 시도하거나 그리고 그것을 숨기지 마라.

jQuery('.leifbox').each(function(){ 
     if($(this).val()=='') { //to check boxes filled or not 
      $(this).hide(); // hide it 
     } 
    }