Jquery: 改变html 知道节点里面

Jquery: change html knowing node inside

我有这个代码:

<p> &nbsp &nbsp <span> text </span> &nbsp &nbsp </p>

如何通过节点跨度删除p的第二个和第三个 ?

获取 p 的子节点并从文本节点中删除 space

var p = document.getElementsByTagName('p')[0];

var nodes = p.childNodes;

nodes[0].textContent = nodes[0].textContent.replace(' ', '');
nodes[2].textContent = nodes[2].textContent.replace(' ', '');
<p>&nbsp &nbsp <span> text </span> &nbsp &nbsp</p>