javascript - 检查 div 的长度(不包括空格)

Question

我有以下代码来检测某个div内是否有内容:

if ($(".bio").html().length > 0) {
   $('.author-info').hide();
} 

我遇到的问题是，在某些情况下，.bio 字段中可能存在空格。我想检查不包括空格的长度。换句话说，检查 div 是否有内容，但空格不算内容。

我该怎么做？

注意:我使用的是 jQuery 2.1.1。

Answer 1

您可以删除所有空格并检查结果的长度:

$(".bio").text().replace(/ /g, '').length > 0

我们还可以更通用，用 \s 选择所有空格:

$(function(){
  $(".bio").each(function(){
    if( $(this).text().replace(/\s/g, '').length > 0 ){
      $(this).after("<- Has text");
    } else {
      $(this).after("<- Just spaces");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="bio">Text with spaces</span>
<br>
<span class="bio">&nbsp;&nbsp; &nbsp;</span>