So entfernen Sie Leerzeichen aus bestimmten div Span Klasse Wert

Question

Wie kann ich Leerzeichen aus 'Gruppe2' div span Klassenwert beim Laden der Seite entfernen. Hier ist HTML, das beim Laden der Seite rendert. Der span class Wert sollte keine Leerzeichen enthalten (zB: "ClassicalStudies" statt "Classical Studies"). Gleiches gilt für andere Werte der Spannungsklasse.

<div class="group2"> 
<p class="subject-list"> 
    <span class="Classical Studies">Classical Studies</span> 
</p> 
<p class="subject-list"> 
    <span class="Cognitive Science">Cognitive Science</span> 
</p> 
<p class="subject-list"> 
    <span class="Computer Engineering">Computer Engineering</span> 
</p> 
<p class="subject-list"> 
    <span class="Computer Science">Computer Science</span> 
</p> 

Answer 1

Verwenden attr() Methode mit Rückruf und ersetzen den Platz in dem Klassenattribut.

// attr method with callback would iterate over the 
 
// elements internally and you can update value by returning 
 
$('.group2 span').attr('class', function(i, c) { 
 
    // split by space and then join by empty string 
 
    return c.split(' ').join(''); 
 
    // or replace all space by empty string 
 
    // return c.replace(/\s+/g,''); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="group2"> 
 
    <p class="subject-list"> 
 
    <span class="Classical Studies">Classical Studies</span> 
 
    </p> 
 
    <p class="subject-list"> 
 
    <span class="Cognitive Science">Cognitive Science</span> 
 
    </p> 
 
    <p class="subject-list"> 
 
    <span class="Computer Engineering">Computer Engineering</span> 
 
    </p> 
 
    <p class="subject-list"> 
 
    <span class="Computer Science">Computer Science</span> 
 
    </p>