检查具有某个类的div是否包含文本或为空

Question

我正在尝试检查jQuery，如果具有某个类的元素包含一些文本。如果它不包含任何文本，那么我想删除该类。

<div class="description">


</div>

Answer 1

使用:empty

$('.description:empty').removeClass('description');

根据文件

  

选择所有没有子元素的元素（包括文本节点）。

console.log($('.description:empty').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="description"></div>

但是，如果问题（不必要的空白）中的HTML格式不正确，则必须采用更加手动的方法

if ($(this).children().length == 0 && $(this).text().trim() == '')

$('.description').each(function() {
  if ($(this).children().length == 0 && $(this).text().trim() == '') {
    console.log('entered');
    $(this).removeClass('description');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class="description">


</div>

Answer 2

if(!$('.description').text().length)
    $('.description').hide();

Answer 3

if ($('.description').text().trim()=="") {
    $(this).hide();
else {
    /*non-empty actions */
}

Answer 4

试试这个syntex

if($('.description').innrHTML=='')
{
 $('.description').hide()
}