删除子元素，但使用jQuery/javascript保留内容

我有一些HTML，看起来像这样：

    <div class="spinning-items">
         <div>
              <ul>
                  <li>
                      Hello, How Are You?
                  </li>
              </ul>
         </div>
    </div>

你好，你好吗？

我需要删除“旋转项目”-div中的所有元素，但保留其内容。在这种情况下，“你好吗？”。 所以，我希望以后它看起来像这样：

    <div class="spinning-items">
          Hello, How Are You?
    </div>

你好，你好吗？

有谁能给我指出正确的方向，或者帮助我找到一个可行的解决方案

提前谢谢。

试试下面的内容

$（“.spinning items”）.html（$（“.spinning items”）.text（）.trim（））

你好，你好吗？

尝试以下内容

$（“.spinning items”）.html（$（“.spinning items”）.text（）.trim（））

你好，你好吗？

这将只提供文本

---

这将只为您提供文本

，使用本机javascript，您可以使用regex和trim（）删除空白

let k=document.getElementsByClassName（'spinning-items'）[0].innerHTML；
var-rex=/（]+>）/ig；
document.getElementsByClassName（'spinning-items'）[0]。innerHTML=k.replace（rex，“”）。trim（）



你好，你好吗？


使用本机javascript，您可以使用regex和trim（）删除空白


let k=document.getElementsByClassName（'spinning-items'）[0].innerHTML；
var-rex=/（]+>）/ig；
document.getElementsByClassName（'spinning-items'）[0]。innerHTML=k.replace（rex，“”）。trim（）



你好，你好吗？


是否始终是相同的子元素？不，可能不同。那么，在其他子元素中包含其他文本的子元素如何组织？是否始终是相同的子元素？不，可能不同。那么，在其他子元素中包含其他文本的子元素如何组织？
$(".spinning-items"")
    .clone()    //clone the element
    .children() //select all the children
    .remove()   //remove all the children
    .end()  //again go back to selected element
    .text();    //get the text of element