jQueryを使用して同じクラスの要素を反復処理し、条件付きアクションを実行する方法は?

jQuery を使用して同じクラスの要素を反復処理する方法

同じクラスの複数の要素を操作する場合、次のことが必要になります。それらに個別にアクセスして操作します。 jQuery は、.each() メソッドを使用してこれらの要素をループする効率的な方法を提供します。

質問:

クラス「testimonial」を持つ div のコレクションがあります。 jQuery を使用してそれらを反復処理し、特定の条件が満たされているかどうかを確認する方法が必要です。条件が true の場合、特定のアクションを実行します。

回答:

これを実現するには、次のように .each() メソッドを使用します。

$('.testimonial').each(function(i, obj) {
    // Your code here...
});

.each() コールバック関数内で、配列 (i) 内の現在の要素のインデックスと要素の DOM オブジェクト (obj) にアクセスできます。 jQuery ラッパー $(this) を使用すると、DOM オブジェクトに直接アクセスできます。

たとえば、現在の div に特定のクラスがあるかどうかを確認し、存在する場合はアクションを実行したい場合は、次のようにします。次のコード:

$('.testimonial').each(function() {
    if ($(this).hasClass('active')) {
        // Perform your action here...
    }
});

jQuery ドキュメントには、.each() メソッドの詳細な情報と例が記載されており、より高度な使用シナリオについて参照できます。

以上がjQueryを使用して同じクラスの要素を反復処理し、条件付きアクションを実行する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。