jqueryを使用して複数のCSSクラスをまとめて削除します

Question

私はまだ大学生で、jQueryを初めて使用しています。私は、これらの使用してjQueryのようなCSSクラスを削除する方法を知りたい：

.starrate span:hover:before,.starrate span:hover ~ span:before { 
    content: "\2605"; 
    position: absolute; 
    color: orange; 
    cursor: pointer; 
} 

私はこの試みた：

$('#s10').on("click", function() { 
    var val = $(this).data("values5"); 

    $("#s10").html("<span>&bigstar;</span>"); 
    $("#s10").addClass("newstarrate"); 
    $("#s10").removeClass("starrate span:hover:before,.starrate span:hover ~ span:before"); 
}); 

をしかし、それは動作しません。どのようにこれらのクラスを削除できますか？それはあなたの目的だった場合は、CSSの定義を変更することはできません

$("#s10").removeClass("newstarrrate") 

：

Answer 1

これは、あなたが追加したクラスを削除します。

Answer 2

あなたの例を見ると、あなたは複雑すぎることを試みています。

実際のクラスは '。'の直後のテキストのみです。最初のスペースまで。すべてがCSSセレクタであり、クラスではありません。あなたの例では、上記のCSSセレクタのクラスである唯一の部分は '。starrate'です。

CSSの特殊性（DOM要素のツリーのような性質とCSSの適用方法）によって、「親」クラスを取り除くと、子供たちはリストされたスタイルに影響を受けません。 CSSスタイルを削除してください：

$("#s10").removeClass("starrate");