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

-1

我用它之间的逗号分隔了html代码。我需要删除这个逗号。我尝试了不同的方式，但无法做到。我如何使用jquery或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>

逗号后<span class="locality">

编辑：

代码中，我使用替换所有尝试。这是不工作

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

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

来源

2017-03-16 Developer

向我们展示您尝试过的代码无效，否则，您似乎只是要求社区为您完成工作。 – j08691

阅读“childNodes”和“nextSibling” –

我试过用全部替换。将我的代码添加到问题 – Developer

您可以隐藏与父div元素零字号逗号，然后重新对孩子span元素的首选字体大小：

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

来源

2017-03-16 17:43:27

如果逗号总是在同一地点，你可以这样做：

$('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获取包含逗号的文本节点，然后将其删除。

来源

2017-03-16 17:43:35 j08691

非常感谢您的支持。但我使用点击功能来做到这一点。在每次点击时删除下一个元素。 :( – Developer

因此，不要''.click（）''使用'.one（）'，以便它只运行一次，或者在您第一次执行操作后解除对该点击的绑定 – j08691

我正在实现此功能以便复制到剪贴板功能。在这个页面上，用户将有多个地址进行复制，用户可以尝试多次，尝试使用'.one'在这种情况下发生的事情。 – Developer

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

回答

相关问题