如何删除空的html元素及其子元素？ （jQuery的）

Question

我有几个帖子，他们生成空的html标签，里面有空子。

如何删除这些空的html标签及其子代？

<div class="single-book-info">
     <div>
          <p></p>
           <p></p> 
     </div>

     <p>
        <code>
           <br>
        </code>
     </p>

     <ul>
        <li>text 1</li>
        <li>text 2</li>
        <li>text 3</li>
     </ul>

<div>

我想要的结果是：

<div class="single-book-info">
     <ul>
        <li>text 1</li>
        <li>text 2</li>
        <li>text 3</li>
     </ul>

<div>

Answer 1

这可能会为您删除必要的代码：

  

$（＆＃39; div.single-book-info＆＃39;）。children（＆＃39; div，p＆＃39;）。remove（）

但您也可以检查它们是否为空，然后将其删除。

Answer 2

如果您想使用Regex，请将html代码作为字符串。然后删除标签之间的间距并尝试使用
[<[a-zA-Z\s"-=]+>]*[a-zA-Z\s0-9]+[<\/[a-zA-Z\s"-\/=]+>]*

这种正则表达式。 最好先试试https://regex101.com/。