2017-03-16 2 views
-1

Ich habe HTML-Code mit einem Komma dazwischen. Ich muss dieses Komma entfernen. Ich habe verschiedene Wege ausprobiert, konnte es aber nicht.Wie kann ich ein Komma mit jquery oder Javascript entfernen, das zwischen HTML-Elementen ist

kann mir bitte jemand helfen, dieses Komma zu entfernen.

unten ist der Code:

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

Komma ist nach <span class="locality">

edit:

Code, den ich alles mit habe versucht, ersetzen. die funktionieren nicht

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

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

Zeigen Sie uns den Code, den Sie versucht haben, der nicht funktioniert, bitte, sonst scheint es, als würden Sie nur die Community bitten, Ihre Arbeit für Sie zu erledigen. – j08691

+1

lesen Sie über 'childNodes' und' nextSibling' –

+0

Ich habe versucht, alle zu ersetzen. Hinzufügen meines Codes zu der Frage – Developer

Antwort

0

Sie können das Komma mit Null-Schriftgröße auf dem übergeordneten div-Elemente verstecken, setzen Sie dann die gewünschte Schriftgröße für die untergeordnete Spanne Elemente:

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

Wenn das Komma immer an der gleichen Stelle, können Sie tun:

$('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>

Der .get(0) ruft den DOM-Knoten ab, mit dem Sie .nextSibling verwenden können, um den Textknoten, der Ihr Komma enthält, danach zu entfernen und dann zu entfernen.

+0

Vielen Dank dafür. aber ich benutze auf Klick-Funktion, um dies zu tun. Bei jedem Klick wird das nächste Element entfernt. :( – Developer

+0

Also anstelle von '.click()' '' '' one() '' 'so dass es nur einmal ausgeführt wird. Oder den Klick nach dem ersten Mal lösen. – j08691

+0

Ich implementiere dies für die Kopie in die Zwischenablage-Funktion. Auf dieser Seite hat der Benutzer mehrere Adressen zum Kopieren, der Benutzer kann es mehrmals versuchen, indem er '. – Developer

Verwandte Themen