javascript - 使用正则表达式删除没有内容或只有空白的 div

Question

我的 HTML 包含 div 其中一些没有任何内容，一些仅包含空白。我想用正则表达式删除那些 div。

我写了代码，但看起来不对。 fiddle

var patt= new RegExp("<div></div>");
document.querySelector('.wrapper').innerHTML.replace(patt,'') 

Answer 1

使用dom操作而不是正则表达式来修改html内容

var els = document.querySelectorAll('.wrapper div'),
  el;
for (var i = 0; i < els.length; i++) {
  el = els[i];
  if ((el.textContent || el.innerText).trim() == '') {
    el.parentNode.removeChild(el)
  }
}

div:not(.wrapper) {
  background-color: #ff0000;
  padding: 10px;
  margin: 5px
}

<div class="wrapper">
  <div>text</div>
  <div></div>
  <div>text</div>
  <div>text</div>
  <div><span></span>
  </div>
  <div>
  </div>
</div>