Question

所以，div我创建了一些盒子，但如果没有填写值，我不希望盒子显示。我该怎么办？

这是我的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

Answer 2

试试这个，

jquery每个函数首先检查框是否填充然后隐藏它。

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

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

2 个答案: