html要素の間にあるjqueryまたはjavascriptを使用してカンマを削除するには

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">

編集した後です。あなたは子供のスパン要素に優先フォントサイズをリセットし、その後、親のdiv要素にゼロのフォントサイズでカンマを非表示にすることができます

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

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

Answer 1

作業されていない。

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)は、.nextSiblingを使用して後にカンマを含むテキストノードを取得して削除できるDOMノードを取得します。