jQuery를 사용하여 동일한 클래스를 가진 HTML 요소 반복
동일한 클래스를 가진 일련의 HTML 요소를 효율적으로 탐색하기 위해 jQuery는 다음을 제공합니다. 각() 메서드. 이 방법은 DOM 요소에 대한 편리한 반복 솔루션 역할을 합니다.
each()의 사용법을 보여주기 위해 다음 시나리오를 고려하십시오.
여러 개의
이를 달성하기 위한 jQuery 코드는 간단합니다.
$('.testimonial').each(function(i, obj) {
// Perform your actions here
});each( ) 함수에서 첫 번째 매개변수("i")는 클래스가 "testimonial"인 요소 배열에서 현재 요소의 위치를 나타내고, 두 번째 매개변수("obj")는 현재 요소의 DOM 개체를 나타냅니다. 요소와 상호 작용하려면 jQuery 래퍼 $(this)를 활용할 수 있습니다.
예를 들어, 특정 조건이 각 요소에 대해 true인지 확인하려면 각 요소 내에 if 문을 추가할 수 있습니다. () 함수:
$('.testimonial').each(function(i, obj) {
if ($(this).hasClass('active')) {
// Perform actions for elements with class 'active'
}
});jQuery API 문서는 Each() 메서드에 대한 포괄적인 정보를 제공합니다. 자세한 지침과 예시는 공식 문서를 참조하세요.
위 내용은 jQuery의 각() 메소드를 사용하여 동일한 클래스의 HTML 요소를 반복하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
