javascript - 如果 $[value] 为空则隐藏 div

Question

因此，我创建了一些框，但如果未填写值，我不希望显示框。我该怎么做呢？

这是我的 div:

<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