Отображение элемента div в зависимости от того, имеет ли он содержимое

Question

С помощью jQuery я пытаюсь определить, есть ли в <div> содержимое, или, если оно есть, я хочу ничего не делать, но если нет, то хочу добавить display:none к нему или .hide() , Вот то, что я придумал,

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

Это вообще не работает, если у div нет содержимого, то оно все равно появляется, может ли кто-нибудь предложить какой-нибудь совет?

Answer 1

Просто используйте : пустой фильтр в ваших селекторах.

$('#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();
  }