jQueryセカンドクラスを削除します

Question

例：<h3 class="first second">Text</h3> htmlセカンドクラスを削除するにはどうすればよいですか？

希望は<h3 class="first">Text</h3> 私はコードを試しても動作しません。

$("h3").removeClass("first second").addClass("first"); 

考えてみましょうか？ありがとう！

Answer 1

あなたが持っているものは、jQueryがページ上にある限り長く動くはずです。

両方を削除して再度追加する必要はありません。あなたは、必要に応じて、その第二1を削除するいずれかのクラスに検索することができます。

$("h3.second").removeClass("second"); 

OR

$("h3.first").removeClass("second"); 

OR

$("h3.first.second").removeClass("second"); 

Answer 2

だけremoveClass()もトリックを行います。あなたのコードが右に見えますが、それでも問題に直面した場合、親切にフィドルをご提供

removeClass

$("h3").removeClass("second");

.first { 
 
    color: blue; 
 
    } 
 
    .second { 
 
    text-decoration: underline; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3 class="first second">Text</h3>

Answer 3

「第2」のためのあなたの平均は何ですか？

var whichIndexYouWantRemove = 1; 
 
var classString = $("h3").attr('class'); 
 
var classes = classString.split(" "); 
 
classes.splice(whichIndexYouWantRemove,1); 
 
var newClassString = classes.join(' '); 
 
$('#result').text(newClassString);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h3 class="aaa bbb ccc ddd eee"> 
 
Hello Guys 
 
</h3> 
 

 
<div id="result"> 
 
... 
 
</div>

https://jsfiddle.net/821vmoj4/1/

Answer 4

あなたは、クラス名がわからない場合、あなたはこのようにそれを行うことができます。

var className=$('.first').attr('class').split(' ')[1]; 

$("h3").removeClass(className);