javascript - 如果返回值为空，则隐藏一行

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/