javascript - jQueryは一度にすべての子孫からCSSクラスを削除します

Question

要素内のすべての XYZ 要素から特定の CSS クラスを一度に削除できますか?

例:検索内のactiveすべての<a> アンカーからCSS クラスを削除します。 div

もしそうなら、どのように？

Answer 1

$("#mydiv a").removeClass("active");

Answer 2

検索がクラスの場合:

$("div.search a").removeClass("active");

検索が ID の場合:

$("#search a").removeClass("active");

Answer 3

うん。次のようにします。

$("div a .className").removeClass("className")

または、特定の div でのみ実行したい場合、div に id 属性が設定されている限り、次のようにすることができます。

$("#divIDValue a .className").removeClass("className")

jQuery セレクターでは、 # 後に何らかのテキストを付けてオブジェクト (div、span、anchor など) を参照し、idそのテキストが何であれ属性が設定されます。ピリオドは、ピリオドの後のテキストと一致するクラス名を持つすべてのオブジェクトを参照します。上で示したように、セレクター テキストをネストできます。上記の例では、次のようになります。

例 #1

1. すべての div を検索
2. すべての div 内のすべてのアンカーを検索します
3. クラス .className を持つ #2 のすべてのアンカーを検索します

例 #2

1. id属性が「divIDValue」に設定された div を見つけます
2. そのdiv内のすべてのアンカータグを見つける
3. クラス名に一致するアンカー タグのリスト内のすべてのアンカー タグを検索します。className

idページ内のすべてのオブジェクトについて、特定の値を持つことができるオブジェクトは 1 つだけであることに注意してください。したがって、'divIDValue' に設定された 2 つのオブジェクトを持つことができidます。ページはおそらく問題なく表示されますが、jQuery はid. 一方、クラスは複数のアイテムに使用できます (おそらく既にご存知でしょう)。