我觉得问这个问题有点愚蠢,但出于某种原因,我无法终生思考如何做我想做的事。
我有一个 <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
最佳答案
您可以测试标签文本是否为空。
$(function() {
$(".row").each(function() {
if ($("label", this).text() == "" ) {
$(this).hide();
}
});
});
关于javascript - 如果返回值为空,则隐藏一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30258019/