Question

我的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>

逗号在<span class="locality">

之后

编辑：

代码我尝试过使用全部替换。这是行不通的

console.log( document.querySelector('div.crm-content'));
result = document.querySelector('div.crm-content');

content = result.replaceAll(",$", "");

Answer 1

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

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

Answer 2

如果逗号总是在同一位置，您可以执行以下操作：

$('span.locality').get(0).nextSibling.remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

.get(0)获取DOM节点，使您可以使用.nextSibling获取包含逗号的文本节点，然后将其删除。

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

2 个答案: