我如何使用jquery或html之間的html元素來刪除逗號

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獲取包含逗號的文本節點，然後將其刪除。