jQuery를 사용하여 동일한 클래스의 요소를 반복하고 조건부 작업을 수행하는 방법은 무엇입니까?

동일 클래스의 요소를 반복하기 위해 jQuery를 사용하는 방법

동일 클래스의 여러 요소를 작업할 때 다음이 필요합니다. 개별적으로 접근하고 조작할 수 있습니다. jQuery는 .each() 메서드를 사용하여 이러한 요소를 반복하는 효율적인 방법을 제공합니다.

질문:

"추천" 클래스가 있는 div 컬렉션이 있습니다. 그리고 특정 조건이 충족되는지 확인하기 위해 jQuery를 사용하여 이를 반복하는 방법이 필요합니다. 조건이 true이면 특정 작업을 수행하고 싶습니다.

답변:

이를 달성하려면 다음과 같이 .each() 메서드를 사용할 수 있습니다.

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

.each() 콜백 함수 내에서 배열(i) 내 현재 요소의 인덱스와 요소(obj)의 DOM 객체에 액세스할 수 있습니다. jQuery 래퍼 $(this)를 사용하여 DOM 개체에 직접 액세스할 수 있습니다.

예를 들어 현재 div에 특정 클래스가 있는지 확인하고 해당 클래스가 있으면 작업을 수행하려면 다음을 사용할 수 있습니다. 다음 코드는 다음과 같습니다.

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

jQuery 문서는 고급 사용 시나리오에서 참조할 수 있는 .each() 메서드에 대한 자세한 정보와 예제를 제공합니다.

위 내용은 jQuery를 사용하여 동일한 클래스의 요소를 반복하고 조건부 작업을 수행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!