jQueryを使用してデータ属性値に基づいてクラスを要素に動的に追加する方法

jQuery を使用した特定のデータ属性値を持つ要素の検索

元の質問: クラスを動的に追加するにはどうすればよいですか? jQuery を使用してデータ属性値に基づいて要素を作成するには?

解決策:

データ属性値に基づいて要素にクラスを追加するには、属性を使用できます。セレクターに相当します。以下に例を示します。

<code class="javascript">$('.slide-link[data-slide="0"]').addClass('active');</code>

このコードでは、クラス slide-link と値「0」の data-slide 属性を持つ要素をターゲットにしています。次に、アクティブ クラスをそれらの要素に追加します。

追加の注意:

jQuery find() メソッドは、現在の要素の子孫を検索するために使用されます。セレクターでフィルタリングされます。この例では、使用している属性セレクターが目的の要素に直接一致するため、find() を使用する必要はありません。

以上がjQueryを使用してデータ属性値に基づいてクラスを要素に動的に追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。