在现有的代码中，我有一个html页面，其中包含一些java类中存在的变量。我想要做的是隐藏一些变量，如果没有定义(根本没有值)，并以正常方式显示其他变量。如何仅使用js代码(和css)隐藏元素？
下面是HTML代码的一部分：
test1 :
Description:
所以，你可以看到，这里的关键是，他们创建了自己的CSS类来隐藏或显示元素。这里是管理的功能(在.js文件)：
/**
*
* Hide a field if it's null
*
*/
hideIfNull = function(parent, key, val){
if (undefined != val && !(val instanceof Object)
&& (null == val || 'null' == val || '' == val || !val.trim())) {
var obj = parent.find("li#" + key);
var hide = obj.hasClass("hide-me-if-blanc");
if (hide) {
obj.addClass('hide');
}
} else {
var obj = parent.find("li#" + key);
var hide = obj.hasClass("hide-me-if-blanc");
if (hide) {
obj.removeClass('hide');
}
}
};
的问题是，这个代码不工作，如果变量是尚未定义。我在这里看到三种情况： - 当变量具有值=>时，它显示变量和值(正常情况)。 - 当变量刚刚初始化时没有值=>它没有显示任何内容，它完全是我想要的第三种情况。 - 当变量尚未创建=>它显示行：“test1： - ”这是完全没用的...
那么，你怎么能帮我隐藏一个变量在这种情况下只使用js代码？ (没有额外的框架像角...)或者，如果你有另一种解决方案？
预先感谢您！
+0
JS，无框架...是jQuery的？ OK JQ是一个JS库，但只是要求...... –
+0
如果可能的话，我想用“原生JS”做到这一点，我的意思是，没有额外的框架或库:) –
+0
你为什么不想要的jQuery？你在你发布的代码中有jquery。 –
