JavaScript で特定のプレフィックスを持つクラスを効率的に削除するにはどうすればよいですか?

特定のプレフィックスを持つクラスの管理

JavaScript でのクラスの操作は、特に一意のプレフィックスを持つ異なるグループに属する複数のクラスを扱う場合に困難になることがあります。 。この記事では、DIV 要素から特定のプレフィックスを持つクラスを削除し、新しいクラスに置き換えるという一般的な問題について説明します。

問題

DIV があるとします。 ID が「a」の要素。さまざまなグループの複数のクラスを持つことができます。各グループには特定のプレフィックスが付いています。ただし、JavaScript コードでは、特定のグループのどのクラスが現在 DIV 要素に割り当てられているかがわからない場合があります。目標は、「bg」のようなプレフィックスを持つすべてのクラスを削除し、新しいクラスを追加することです。次のコード スニペットは、この問題を示しています。

ただし、このコードは意図したとおりに機能しません。

解決策

より堅牢なアプローチ正規表現を使用してクラス名を単語境界で分割し、指定されたプレフィックスを持たないクラスを除外します。以下に例を示します:

また、jQuery ミックスインを作成してこのプロセスを簡素化することもできます:

このミックスインを使用するには、DIV で RemoveClassPrefix() 関数を呼び出すだけです。要素、必要なプレフィックスを指定します削除:

ES6 Update (2018)

最新の JavaScript (ES6 以降) では、ソリューションのより単純なバージョンを使用できます:

このコードは、アロー関数とstartsWith()メソッドを利用して、指定されたクラスを効果的にフィルタリングします。接頭辞。

以上がJavaScript で特定のプレフィックスを持つクラスを効率的に削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。