javascript - 当innerHTML为空时隐藏div

Question

我对 jQuery 很陌生，但我试图获得一个代码设置，当“innerHTML”为空时隐藏 div。我尝试使用下面的代码。但这不起作用!我的错在哪里？？

if (($("#php-errors").html).length) {
    $("#php-errors").css("display", "block");
}
else {
    $("#php-errors").css("display", "none");
}

Answer 1

一行，并使用 .show() 和 .hide() 方法:

var hasCont = $("#php-errors").contents().length ? $("#php-errors").show() : $("#php-errors").hide();

使用三元运算符表示:

• (define var) 语句 ?
• 操作如果陈述为真:
• 操作如果陈述为假 ;

DEMO JSFIDDLE

<小时/>一个好的做法是将元素缓存在 var 中，我们将其称为 var $el，并像这样使用它:

var $el = $("#php-errors");
var hasCont = $el.contents().length ? $el.show() : $el.hide();

更具可读性，并且它会节省你一些微处理时间;)但它在跨功能可重用性方面确实有帮助(如果在功能外部定义)。