如果返回的值为空,则隐藏行

Question

我觉得有点愚蠢地问这个问题,但由于某种原因,我不能为我的生活思考如何做我想做的事.

我有一个<div class="row">我的字段标签和字段.

如果我的字段的值返回为空,我想完全隐藏此行.

HTML(在我的CMS系统中保存):

<div id="rollNumber" class="row">
     <label class="col-sm-offset-2 col-sm-3 control-label">[!RollNumberLabel]</label>
     <div class="col-sm-2 form-control-static">[!RollNumber]</div>
</div>

查看代码:

if (newBankdetails.RollNumber != null && newBankdetails.RollNumber != "")
{
     template.Nvc.Add("[!RollNumberLabel]", "Roll number");
     template.Nvc.Add("[!RollNumber]", newBankdetails.RollNumber);
}

我试过做:

template.Nvc.Add("[!RollNumberLabel]", "");
template.Nvc.Add("[!RollNumber]", "");

但这会在此行上方和下方的行之间添加空白区域.

我是否有任何建议,无论是JavaScript,JQuery,CSS还是可以使用HTML(尽管我不认为可以通过这种方式完成).

我无法向CMS添加任何代码,因此需要在我的代码中完成.

我的网站正在使用Twitter Bootstrap

Answer 1

您可以测试标签文本是否为空。

$(function() {
    $(".row").each(function() {
        if ($("label", this).text() == "" ) {
            $(this).hide();
        }
    });
});

工作演示： http://jsfiddle.net/m7nytbw4/