如何使用jquery或javascript删除html元素之间的逗号

我有一个中间带逗号的html代码。我需要删除这个逗号。我试过不同的方法，但做不到

谁能帮我去掉这个逗号吗

代码如下：

    <div class="crm-content">
      <div class="location vcard"><span class="adr">
        <span class="street-address">45 ABC Road</span><br>
        <span class="extended-address">test1</span><br>
        test2<br>
        <span class="locality">xyz<br></span>
        , 
        <span class="region">Berkshire<br></span>
        <span class="postal-code">AB4 3DK</span><br>
        <span class="country-name">United Kingdom</span></span>
      </div>
    </div>

---

您可以在父div元素上隐藏字体大小为零的逗号，然后在子span元素上重置首选字体大小：

div.location {
  font-size: 0;
}
div.location span {
  font-size: 12px;
}

---

如果逗号始终位于同一位置，则可以执行以下操作：

$（'span.locality'）.get（0.nextSibling.remove（）

ABC路45号

测试1
测试2


xyz
，
伯克希尔

AB4 3DK

大不列颠联合王国

请向我们展示您尝试过但不起作用的代码，否则您似乎只是在要求社区为您做工作。请阅读

childNodes

和

nextSibling

我尝试过全部替换。将我的代码添加到问题中感谢您指向另一个问题。这将删除元素之间的所有文本。在这个场景中，我只想删除这个逗号，元素因不同的用户而异（并非所有跨度都始终可用）。无论如何，谢谢你的帮助。我试试看。非常感谢你。但我用点击功能来做这个。每次单击都会删除下一个元素：（因此，不要使用

.click（）

而使用

.one（）

以便它只运行一次。或者在您第一次执行单击后取消绑定。我正在为复制到剪贴板功能实现此功能。在此页面上，用户将有多个地址用于复制。用户可能会尝试多次。尝试使用

。一个

与此场景中发生的情况相同。

div.location {
  font-size: 0;
}
div.location span {
  font-size: 12px;
}