javascript - 检测是否仅存在空格和formatting/div html标签

Question

我想要一种方法来检测字符串是否只包含空白/格式化 html 标签中的空白而没有任何内容。

这是因为特定字符串包含在页面中，如果仅包含 HTML 标记(或空格)，则不应显示该字符串。

目前我已使用 trim 删除了空格。我应该使用 rexex 做一些类似 replaceAll 的事情来删除 html 标签吗？

<div class="well well-large" 
ng-if="lc.displayWelcomeMessage.trim() != '' " 
ng-bind-html="lc.displayWelcomeMessage"></div>

是否有现成的实现/库/函数？

Answer 1

像这样编写你的 JavaScript....

jQuery(document).ready(function(){
  jQuery(document.body).on('click', '.click', function(){
  var whitDiv = jQuery('.whileSpace').text();
  if(whitDiv == '')
  {
   jQuery('.whileSpace').text('empty Div');
  }
  else
    {
       jQuery('.whileSpace').text('have content');
    }
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="click">Click</div>
<div class="whileSpace"></div>