显示div元素是否具有内容

Question

使用jQuery我试图确定<div>是否包含内容，或者如果它确实存在，那么我想什么都不做，但如果没有，那么我想向它添加display:none或.hide()。以下是我的想法，

if ($('#left-content:contains("")').length <= 0) { $("#left-content").css({'display':'none'}); }

这根本不起作用，如果div没有内容那么它只是出现了，可以提供任何建议吗？

Answer 1

只需在选择器中使用:empty filter。

$('#left-content:empty').hide();

Answer 2

if( $( "#left-content" ).html().length == 0 ) {
    $( "#left-content" ).hide();
}

Answer 3

尝试删除第一个空格：

  // first remove whitespaces

  // html objects content version:
  var content = $.trim($("#left-content).html()).length;

  if(content == 0) {
     $("#left-content).hide();
  }

  // html RAW content version:
  var content = $.trim($("#left-content).html()); // <-- same but without length

  if(content == "") {                             // <-- this == ""
     $("#left-content).hide();
  }