特定のdivスパンクラス値からスペースを削除する方法

Question

ページロード時に 'group2' div spanクラス値からスペースを削除するにはどうすればよいですか？ここでは、ページの読み込みをレンダリングするhtmlがあります。スパンクラスの値にはスペースを入れてはなりません（例： "Classical Studies"ではなく "ClassicalStudies"）。他のスパンクラス値にも同じです。

<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

コールバックでattr()メソッドを使用して、クラス属性にすべてのスペースを置き換えます。

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