Question

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

这是因为特定字符串包含在页面上，如果只包含HTML标记（或空格），则不应显示。

目前，我已使用trim删除了空白。我应该使用replaceAll使用rexex删除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>

Answer 2

您可以从DOM元素中获取文本然后修剪它 - 如果结果是空字符串，那么您在该元素中没有任何文本。所以element.innerText.trim() == ''应该完成这项工作。

检测是否只存在空格和格式/ div html标记

2 个答案: