下面的代码删除#left内部的所有空格。这就是你想要的吗
编辑：感谢您的评论，我试图改进我的错误版本，但我找不到jQuery的解决方案。但这个版本与香草JS似乎工作。此外：这个版本使用修剪和减少多个空间，正如我“认为”，这是你正在寻找的。

$("#remove").click(function() {
  let left = document.getElementById('left');
  
  function traverse(node) {
    node.childNodes.forEach(child => {
        if(child.nodeType == 1) {
          // recurse if the node is a tag
          traverse(child);
        }
        if(child.nodeType == 3) {
          let textContent = child.textContent;
          // check if the text node has content, other than whitespace
          if(/\S/.test(textContent)) {
            let trimmed = child.textContent.trim();
            let singled = trimmed.replace(/ +/g, ' ');
            child.textContent = singled;
          }
        }
    })
  }
  
  traverse(left);
});

$("#show").click(function() {
   $('#preview').text($('#left').html());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="left">
<div>
    <p> This is  p</p>
    <div>
      <p> Another   p <span> with a span</span></p>
    </div>
</div>
</div>

<button id="remove">Trim</button>
 | 
<button id="show">Show HTML</button>

<pre id="preview">

</pre>